- 无序列表
第一. 内部必须有子标签<li></li>
第二. ul天生内部自带内外边距 p标签也是天生自带
并集选择器
用逗号隔开
有好处也有弊端
好处:省事
弊端:太省事,加大了浏览器的负荷
解决办法:按需选择
{ List-style(样式属性):none(空)/square(正方形)/circle(空心圆)/disc(实心圆);}去掉列表前的符号
Ol有序列表
- 内部必须有子标签<li></li>
- 天生自带内外边距
Ol和ul不同之处在于前面符号的区别
标签属性type修改
Dl自定义列表 dt是小标题 dd内容
列表做什么?
做二级菜单 导航
备注
Margin和padding
Margin设置一个值,说明top-right-bottom-left都是一个值
设置两个值,上下一样 左右一样
三个值 先上 -再左右 -最后下
四个值 上- 右 -下 -左
Padding同上
实际占用空间大小
一个元素实际占用的空间是
Widtnh-+border*2 +paddin*2+margin*2