1、无序列表ul
第一,内部必须有子标签<li></li>
第二,ul天生自带内外边距,还有一个p标签
并级选择器
*选择器,有好处也有坏处
好处,省事。坏处,就是因为太省事了,加大了浏览器的负荷
解决办法,按需选择。
Lisr-style的属性值 circl空心圆 dosc 实心圆 square 正方形 none 空
2、有序列表ol(改变前面的符号,用标签属性type)
第一、内部必须有子标签<li>
第二、天生自带内外边距
lo和ul不同之处在于前面符号的区别
3、自定义列表
DI自定义列表 dt小标题 dd内容
列表能做什么
做二级菜单,做导航
备注:
Margin和padding问题的讨论
Margin:200px;设置一个值,说明top right bottom peft都是200px
margin:200px 100px:设置两个值,上下是200px,左右是100px
margin:200px 50px 100px:上是200px,左右是50px 下是100px
margin: 200px 50px 100px 100px:上是200px 左是50px 下是100px 右是100px (按顺时针)
padding同上
实际占用的空间大小
通过分析我们发现一个元素实际占用的空间是
width+border*2+padding*2+margin*2
转载于:https://www.cnblogs.com/caoyuboke/p/9640198.html