在讲列表之前先说一个刚学的选择器:通配符选择器“*”
通配符选择器有好处也有坏处,好处就是能一次选中所有的标签,省事 。短处就是把不必要的标签也会选中,增加浏览器的负荷。最好的解决办法就是按需求选择。
无序列表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。
灵活运用这三种转变,会有很大的效果。