9.13

当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  ）