HTML+CSS
我是顾昀峰
学习
展开
-
nth-child(n)伪类兼容ie8
:nth-child(n)不兼容ie8实例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>伪类选择器兼容IE8</title> <style type="text/css"> //非IE8情況下 ul>li:...原创 2019-05-30 14:24:11 · 284 阅读 · 0 评论 -
HTML标签嵌套关系
参考资料:(1)嵌套关系:http://jkorpela.fi/html/nesting.html(2)a标签为什么在html5中可以嵌套block标签并且合法化:https://www.w3.org/TR/html5/textlevel-semantics.html#elementdef-a<!doctype html><html lang="en"> <...原创 2019-06-04 14:26:08 · 2819 阅读 · 0 评论 -
HTML元素的分类
查看参考链接:https://www.w3.org/TR/html5/dom.html#phrasing-content<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"&...原创 2019-06-04 13:36:21 · 260 阅读 · 0 评论 -
html5新增元素
<!----><!doctype html><html lang="en"> <head> <!--charset表示引用了什么字符集合,UTF-8,保证页面不出现乱码--> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus...原创 2019-06-04 12:23:34 · 123 阅读 · 0 评论 -
img标签之间的间距问题原理解析
img标签基础解析在HTML5中img标签图片四要素:(1)src:图片路径(2)width:(3)height:(4)alt:alert的作用:当图片发生错误时候,用alt里面的函数表示错误内容便于搜索引擎抓取(方便于搜索引擎抓取,方便SEO渲染)注意事项:(1)img设置的width和height必须是图片的原始尺寸(2)一般inline元素是不能设置宽高,虽然img...原创 2019-06-05 16:05:30 · 1075 阅读 · 0 评论 -
表格的用法
使用tr标签来标签来包裹//标头用th标签定义表头使用thread标签定义表格头部/整个表格头部//*表格标题*//*表格身体*//*表格尾/底部*/合并单元格:colspan 横向合并rowspan 纵向合并注意: 1.合并单元格都是合并td表格的特性:1. 单元格默认平分table的单元格2. 当给了table宽度,没有给单...原创 2019-06-05 15:12:51 · 318 阅读 · 0 评论 -
外边距合并问题解析与整理
外边距合并问题主要发生在上外边距问题的展现:当父集和子集同时margin-top的时候一个是50px另外一个是20px,选择最大的那个值父子级外边距合并,造成子集不能实现margin-top=>什么原因?=>怎么解决? padding解决外边距合并问题=>overflow:hidden;border怎么去继承, 怎么去继承父级元素造成的原因普通文档流的概念:从上到下...原创 2019-06-05 15:05:13 · 625 阅读 · 0 评论 -
class选择器的命名规范
class选择器:命名规则:1.不能以数字开头2. 以小写字母开头3.不能以中文命名4. 尽量不要用拼音5. 见名知意6.使用 - 或 _7.驼峰命名bannerBox, 第二个单词首字母大写id选择器:(1)id选择器具有唯一性(在整个页面结构中只能出现一次)(2)与class的区别是class可以在结构中多次出现后代选择器:(1)从第一个元素找到某一个后代元素(2...原创 2019-06-05 14:53:39 · 2148 阅读 · 0 评论 -
CSS样式(CSS全称,CSS选择器,CSS选择器的解析方式和性能,CSS选择器的分类,CSS权重)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>CSS基础</title> </head> <body> <header> <h1>CSS基础</h1> </...原创 2019-06-05 10:41:01 · 320 阅读 · 0 评论 -
游览器解析CSS的方式
(1) 游览器解析CSS的方式:从右往左解析:e.g(2)什么原因造成从右往左解析原因:处于考虑游览器的性能和解析速度,使得游览器高效和精确的找到目标位置...原创 2019-06-05 10:10:25 · 160 阅读 · 0 评论 -
HTML默认样式和一些reset样式的解决方案
解决方案:Reset css:https://meyerweb.com/eric/tools/css/reset/雅虎的前端解决框架:https://yuilibrary.com/yui/docs/cssreset/normalize:https://necolas.github.io/normalize.css/Reset css 会清除游览器一些默认样式雅虎的前端解决方案:比较落后...原创 2019-06-04 14:51:48 · 202 阅读 · 0 评论