目录
Emmet语法
1.快速生成HTML结构语法
2.快速生成CSS样式语法
CSS的复合选择器
后代选择器
子选择器
并集选择器
伪类选择器
链接伪类选择器
focus伪类选择器
CSS的三大特性
层叠性
继承性
优先级
CSS盒子模型
组成
边框
边框
内边距
外边距
块级盒子水平居中
行内元素和行内块元素水平居中
嵌套块元素垂直外边距的塌陷
清除内外边距
Emmet语法
1.快速生成HTML结构语法
2.快速生成CSS样式语法
CSS的复合选择器
在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。
●复合选择器可以更准确、更高效的选择目标元素(标签)
●复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的
·常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等
后代选择器
子选择器
并集选择器
伪类选择器
链接伪类选择器
focus伪类选择器
CSS的三大特性
层叠性
相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层要性主要解决样式冲突的问题
继承性
优先级
当同一个元素指定多个选择器,就会有优先级的产生。
选择器相同,则执行层叠性
选择器不同,则根据选择器权重执行
CSS盒子模型
组成
边框
复合写法:
边框
内边距
如果盒子本身没有指定width和height,则不会撑开盒子
外边距
块级盒子水平居中
行内元素和行内块元素水平居中
嵌套块元素垂直外边距的塌陷
清除内外边距
这次课看得比较水
截图自黑马pink