Html 实训2

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属性：对同一段文字内，可以设置不同行之间的距离