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什么是元素显示模式

• 元素显示模式就是元素&＃xff08;标签&＃xff09;以什么方式进行显示&＃xff0c;比如
  自己占一行&＃xff0c;比如一行可以放多个
• HTML元素一般分为块元素和行内元素两种类型

3.2块元素

注意&＃xff1a;

• 文字类的元素内不能使用块级元素

• 标签主要用于存放文字&＃xff0c;因此

  里面不能放块级元素&＃xff0c;特别是不能放
• 同理&＃xff0c;

  ~

  等都是文字类块级标签&＃xff0c;里面也不能放其他块级元素

3.3行内元素

3.4行内块元素

3.5元素显示模式总结

3.6显示元素的转换

• display: block;&＃xff08;转换为块级元素&＃xff09;
• display: inline;&＃xff08;转换为行内元素&＃xff09;
• display: inline-block;&＃xff08;转化为行内块元素&＃xff09;

3.7单行文字垂直居中

解决方案&＃xff1a;让文字的行高等于盒子的高度
原理&＃xff1a;

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优先级