三种列表以及行级块三种元素的转变

在讲列表之前先说一个刚学的选择器：通配符选择器“*”

　　　　通配符选择器有好处也有坏处，好处就是能一次选中所有的标签，省事 。短处就是把不必要的标签也会选中，增加浏览器的负荷。最好的解决办法就是按需求选择。

无序列表ul

　　内部必须有子标签<li></li>

　　ul天生自带内外边边距，还带一个P标签

有序列表ol

　　内部必须有子标签<li></li>

　　天生自带内外边距

       ol和ul的区别就在于前边的符号不同

      有序列表改变前面的符号用标签属性type修改，无序列表在style里修改

自定义列表：

　　　　dl自定义列表  dt是小标题  dd是内容

列表能作甚？

　　　　做菜单 做二级导航

margin和padding的探讨：

　　　　　　margin：200px；设置一个值，说明上下左右都是200px

　　　　　　margin：200px 100；设置两个值  上下都是200  左右是100

　　　　　　margin：200px 50px 100px设置三个值，上是200px 左右是50px 下是100px

　　　　　　margin：200px 50px 100px 50px设置四个值，顺时针顺序 上是200右是50 下是100 左是50

margin的塌陷现象是什么?

　　根据两个元素同时设置margin时。他们之间的外边距不会叠加，会去最大的。这种现象叫margin塌陷。

行级块三种元素的转变：

　　块级转行级：给行级元素添加属性display： inline；

　　行级转块级：给块级元素添加属性display：block；

　　行级块元素：给需要的元素添加属性diisplay：inlline-block。

　灵活运用这三种转变，会有很大的效果。