列表的三种使用方法

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