当body里边的内容是空的时 ，回根据内容的多少而改变 大小
在body中设置图片大小的时候只需要设置 一个改变图片大小的数字
ol 有序列表 自带内外边距
ul 无序列表 自带内外边距
dl 自定义列表 包含 dt（小标题） dd （内容）
li 一列
ul
<ul>（设置ul的样式）
<li></li> 在style中ul{ border-weight 1px 边框粗细
<li></li> border-color red 边框颜色
</ul> border-solid 边框样式 实线 }
list-style ： none 列表样式 空
ol
<ol>前边的序号默认为 1 2 3 假如想要改变前面的序号
只需要在ol 里边添加属性 ：<ol type="A"> 即可
dl
dl里边包含 dt 跟 dd
<dl>
<dt></dt>
<dd></dd>
</dl>
ol 跟 ul 的不同之处在于前边的标题
ul 前面的标题为 小图标 ol 前边的标题为序号
list-style 为属性 他的属性值又 空心圆（circle） 实心圆（disc)
正方形（square） none（空）
标签元素的实际高度=padding-top+padding-bottom +2*boder
margin 的塌陷现象是什么
相邻俩个元素同时设置margin 时 ，他们之间不会叠加 会取最大的
这种现象叫 margin 塌陷。
块级 行级的区别
块级 （ p h1-h6 div ul ol dl 等）
行级 （span img i b em ）
区别： 块级 可以设置height 它独占一行 可以设置mangin
行级 不可以设置height 它不会独占一行 不可以设置mangin
块行可以相互转换
块转行 <div> (块级)
<style>
div { display-inline ;}
display (显示) inline（行）
行转块 <span> 行级
<style>
span{display-block}
行级块元素 是指给需要的元素添加属性
去小图标的属性 list-style：none
文本居中 text-align：center
垂直居中 line-height 属性值与高一样 （ li里的高的属性值为40px ）