一、无序列表(ul)
1····.内部必须有子标签<li></li>
2.····ul自带内外边距，还有一个<p>标签、
3···并集选择器body,ul,p（ margin:0;padding:0;）标签用逗号隔开
4····（*）通配符选择器的好处：选中所有标签
坏处：加大浏览器的负荷
解决方法：根据实际情况
list-style...这是样式属性（更改或除去列表前的符号）
ul{
border:1px solid red;
list-style:none(无）/circle（空心圆）/disc（实心圆）/square（正方形）
}
二、Ol有序列表
1.内部必须有子标签<li></li>
2.自带内外边距
ol可更改序列符号 ul不可更改
有序列表改变前面的符号用tyle属性修改，在标签内。
<li tyle="A/a/1/I>
三、自定义列表
<dl>自定义列表 <dt>小标题 <dd>内容
列表可做二级菜单，做导航。
备注：margin与padding的问题探讨：
margin：200px;设置一个值，说明上下左右都是200px。
margin：200px(上下） 100px（左右）;
margin：100px(上）50px（左右）100px（下）从上到下
margin：100px(上）200px（右）100px（下） 200px(左）顺时钟
padding同上
实际占用空间大小
一个元素实际占用的空间公式
width（高）+ border（边框厚度) X 2 + padding(内边距) X 2+margin（外边距）X 2
一个表情的实际高度为height（高） + padding-top（上内边距） + padding-bottom（下内边距） + 2 X border（边框）
两个相邻的块级同时margin时，他们之间的外边距不会叠加，会取最大的值，这种现象叫margin塌陷
块级标签 标签会设置背景是会独占一行
行级标签 标签会随内容的增减来改变自己的空间大小
标签据此可分为两类：块级标签 {p/h1~h6/div/ul/ol/dl/等}
内敛标签{span/img/i/b/a/em}
二者区别
块级 内敛
1.块级元素会独占一行 1.内敛不会独占一行----不可以设置行高
2.块级可以设置行高 2.内敛元素的margin上下不起作用
二者转换
块级转行级（display：inline；）
行级转块级（display：block；）
行级块元素（display：inline-block；）{可以设置行高、可以在一行、margin可以随意使用}
备注：
line-height---行高--设置字体的垂直位置