第二周预习：CSS进阶+设计（尝试）

1,CSS伪类与伪元素

伪类：

伪元素：

 

2,CSS关系选择器

（1） 后代选择器

（2）子代关系选择器

 3,CSS布局

 

4,盒模型

5,调试CSS

• 1、使用CSS重置（reset）
• 2、继承盒模型
• 3、使用flexbox布局来避免margin的问题 （Get Rid of Margin hacks width Flexbox）
• 4、使用:not () 解决lists边框的问题
• 5、body上加入 line-height样式
• 6、垂直居中任何元素 (vertical-center anything)
• 7、使用 SVG icons