css一些需要注意的东西

元素性质

１.1  块元素

典型代表,Div,h1-h6,p,ul,li

特点: ★独占一行

      ★可以设置宽高

     ★ 嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致。

１.2  行内元素

典型代表 span  ,a, ,strong , em,  del,  ins

特点：★在一行上显示

      ★不能直接设置宽高

      ★元素的宽和高就是内容撑开的宽高。

１.3  行内块元素(内联元素)

典型代表  input img

特点：★在一行上显示

      ★可以设置宽高     

 

块元素转行内元素

display:inline;

行内元素转块元素

display:block;

块和行内元素转行内块元素

display:inline-block;

 

 

行高

浏览器默认文字大小

浏览器默认文字大小：16px

行高：是基线与基线之间的距离

行高=文字高度+上下边距

一行文字行高和父元素高度一致的时候，垂直居中显示