1. div
对div标签了有了新的认识，在开发一个前端网页时，可以先使用div对网页进行布局，然后在对具体某一个div进行操作
2. 选择器：定义样式
2.1 元素选择器：修改一个标签的样式，后续使用这个标签时格式均按修改后的。下例：
h1{
}
2.2 类选择器：以.开头，使用时不需要加. 定义一个类选择器后，需在标签中添加class="li_top"这属性即可使用。下例：
.li_top{
}
2.3 id选择器：以#开头，使用时不需要加# 定义一个id选择器后，需在标签中添加id="li_bottom"这属性即可使用。下例
#li_bottom{
}
2.4 伪类选择器：以一个类选择器开头，:后面为动作，hover为鼠标停留在上面，#data为触发这个动作的标签的id选择器，花括号后面为对这个id选择器的属性修改。伪类选择器用于对一个动作触发后，修改一个选择器的属性。
transition-delay属性：延迟响应，在伪类选择器中默认是鼠标鼠标经过立即触发选择器内容，使用该属性后需经过指定时间后响应{}内容
transition-duration属性：过渡切换，在伪类选择器中两个属性切换默认是瞬间完成，使用该属性后可以产生一种渐变的效果。
transition-property属性：指定上述transition-delay、transition-duration适用于哪一些属性
transition-timing-function属性：指定变化速度的曲线。有四个取值：
linear：均匀变化，ease-in：先慢后快，ease-out：先快后慢，ease-in-out：开始结束慢，中间快
.li_top:hover #data{
}
总结：id是一个元素的主键，确保一个元素的id只出现一次，虽然多次出现也不会出错。class属性值，则可以个元素相同。
3. style属性、style标签、外部css
三个同时存在的情况下：外部css优先级最低、其次是style标签、style属性优先级最高。
可以理解为：外部最新加载、然后style标签把前面一层覆盖、style属性最后再覆盖。所以显示style属性的值。
4. 文本样式
line-height属性：对同一段文字内，可以设置不同行之间的距离