（1）H5+C3——————H5，选择器，盒子模型，布局，图标，文本样式，设置背景和表格

1，H5

2，选择器

• 2.1， 元素选择器
• 2.2， 类选择器
• 2.3， ID选择器
• 2.4， 复合选择器
• 2.5， 群组选择器
• 2.6， 通用选择器
• 2.7， 后代选择器
• 2.8， 属性选择器
• 2.9， 伪类和伪元素
• 2.10，选择器的优先级

3，盒子模型

• 3.1，内容区
• 3.2，内边距
• 3.3，边框
• 3.4，外边距

4，布局

• 4.1，浮动
• 4.2，解决高度塌陷问题
• 4.3，定位
• 4.4，相对定位
• 4.5，绝对定位
• 4.6，固定定位
• 4.7，z-index

5，图标

• 5.1，Font Awesome
• 5.2，阿里矢量图标库

6，文本样式

• 6.1，浮动

7，设置背景

• 7.1， 设置背景颜色
• 7.2， 设置背景图片
• 7.3， 控制背景图片重复
• 7.4， 设置背景图片位置
• 7.5， 设置背景图片是否随页面滚动

8，表格

• 8.1， 表格的基本标签
• 8.1， 合并单元格
• 8.1， 表格的样式

选择器

1， 元素选择器

• 语法：
  标签名 { }

• 比如p则会选中页面中的所有p标签，h1会选中页面中的所有h1标签。

2， 类选择器

• 语法：
  .className { }
• 比如.hello会选中页面所有class属性为hello的元素

3， ID选择器

• 语法：
  #id { }
  • 比如#box会选中页面中id属性值为box的元素，和class属性不同，id属性是不能重复的。

4， 复合选择器

• 语法：
  选择器1选择器2 { }
• 例如div.box1会选中页面中具有box1这个class的div元素。

5， 群组选择器

• 语法：
  选择器1,选择器2,选择器3 { }

• 比如p,.hello,#box会同时选中页面中p元素，class为hello的元素，id为box的元素。

6， 通用选择器

• 通用选择器，可以同时选中页面中的所有元素。
• 语法：
  *{ }

7， 后代选择器

• 后代选择器可以根据标签的关系，为处在元素内部的代元素设置样式。
• 语法：
  祖先元素 后代元素 后代元素 { }
• 比如p strong 会选中页面中所有的p元素内的strong元素
• 标签之间的关系

祖先元素：直接或间接包含后代元素的元素。

后代元素：直接或间接被祖先元素包含的元素。

父元素：直接包含子元素的元素。

子元素：直接被父元素包含的元素。

兄弟元素：拥有相同父元素的元素。