CSS（二）

01.Emmet语法

1.1快速生成HTML结构语法


1.2快速生成CSS样式语法


1.3快速格式化代码


设置完，保存之后就可以格式化

02.CSS的复合选择器

2.1什么是复合选择器

2.2后代选择器（重要）



2.3子选择器（重要）

2.4并集选择器（重要）



2.5伪类选择器

2.6链接伪类选择器








2.7:focus伪类选择器



2.8复合选择器总结

03.CSS的元素显示模式

3.1什么是元素显示模式

3.2块元素




3.3行内元素

3.4行内块元素



3.5元素显示模式总结

3.6元素显示模式转换

3.7一个小工具的使用snipaste

案例：简洁版小米侧边栏



3.8一个小技巧：单行文字垂直居中的代码



3.9单行文字垂直居中的原理

如果行高 大于 盒子高度 ，文字上距离 变大，文字显示会 偏下

如果行高 小于 盒子高度 ，文字上距离 变小，文字显示会 偏上

04.CSS的背景

4.1背景颜色

4.2背景图片



4.3背景平铺



4.4背景图片位置

4.5背景图像固定（背景附着）


4.6背景复合写法

4.7背景色半透明



4.8背景总结

案例：五彩导航