1.Emmet语法

1.1快速生成HTML结构语法

1.2快速生成CSS样式写法

1.3快速格式化代码

2.CSS的复合选择器

2.1后代选择器

2.2子元素选择器

2.3并集选择器

2.4链接伪类选择器

2.5 focus伪类选择器

2.6 后代选择器

3.元素的显示模式

3.1什么是元素显示模式

• 元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>
• HTML元素一般分为块元素和行内元素两种类型

3.2块元素

注意：

• 文字类的元素内不能使用块级元素
• <p>标签主要用于存放文字，因此<p>里面不能放块级元素，特别是不能放<div>
• 同理，<h1>~<h6>等都是文字类块级标签，里面也不能放其他块级元素

3.3行内元素

3.4行内块元素

3.5元素显示模式总结

3.6显示元素的转换

• display: block;（转换为块级元素）
• display: inline;（转换为行内元素）
• display: inline-block;（转化为行内块元素）

3.7单行文字垂直居中

解决方案：让文字的行高等于盒子的高度
原理：

4.CSS的背景

4.1背景颜色

4.2背景图片

4.3背景平铺

4.4背景位置

4.5背景图像固定

4.6背景属性复合写法

4.7背景色半透明

4.8背景总结

5.CSS的三大特性

5.1层叠性

5.2继承性

5.3优先级