（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， 表格的样式

选择器

• 语法：
  标签名 { }

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

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

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

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

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

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

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

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

• 属性选择器可以挑选带有特殊属性的标签。
• 语法:
  [属性名]，选取含有指定属性的元素
  [属性名=“属性值”]，选取属性值等于指定值的元素
  [属性名~=“属性值”]，如果需要根据属性值中的词列表的某个词进行选择，则需要使用波浪号
  [属性名|=“属性值”]
  [属性名^=“属性值”]，选取属性值以指定内容开头的元素
  [属性名$=“属性值”]，选取属性值以指定内容结尾的元素
  [属性名*=“属性值”]，选取属性值中包含指定内容的元素