目录

一、Emmet语法

1、快速生成HTML结构语法

2、快速生成CSS样式语法 

3、vscode自动格式化代码 

二、CSS的复合选择器

1、什么是复合选择器

 1.1后代选择器（重要）

1.2子选择器（重要） 

1.3并集选择器（重要）

1.4伪类选择器 

 2、复合选择器总结

三、CSS的元素显示模式

 1、什么是元素显示模式

2、块元素 

3、行内元素 

4、行内块元素 

5、显示元素模式总结 

6、元素显示模式转换 

7、小工具snipaste 

7、小技巧 单行文字垂直居中代码 

四、CSS的背景

 1、背景颜色

2、背景图片

3、 背景平铺 

4、背景图片位置

5、背景图像固定（背景附着）

 6、背景复合写法

7、背景色半透明 

 8、背景总结

五、CSS的三大特性

1、层叠性 

2、继承性 

2.1行高的继承

 3、优先级

3.1优先级注意点： 

 3.2权重叠加

---

一、Emmet语法

1、快速生成HTML结构语法

2、快速生成CSS样式语法 

 

3、vscode自动格式化代码 

左下角设置

 

 

二、CSS的复合选择器

1、什么是复合选择器

 1.1后代选择器（重要）

1.2子选择器（重要） 

 

1.3并集选择器（重要）

 

1.4伪类选择器 

1.4.1链接伪类选择器

 

 

 

demo：

 

1.4.2focus伪类选择器

 

demo：

 2、复合选择器总结

三、CSS的元素显示模式

 1、什么是元素显示模式

2、块元素 

3、行内元素 

 

4、行内块元素 

5、显示元素模式总结 

 

6、元素显示模式转换 

7、小工具snipaste 

7、小技巧 单行文字垂直居中代码 

 原理：

 

 

 

四、CSS的背景

 

 1、背景颜色

 

2、背景图片

3、 背景平铺 

4、背景图片位置

5、背景图像固定（背景附着）

 

 

 6、背景复合写法

7、背景色半透明 

 

 8、背景总结

 

五、CSS的三大特性

1、层叠性 

2、继承性 

2.1行高的继承

 

 

demo：

 3、优先级

3.1优先级注意点： 

 3.2权重叠加