浏览器默认文字大小：16px行高：是基线与基线之间的距离，行高=文字高度+上下边距一行文字行高和父元素高度一致的时候，垂直居中显示

块元素转行内元素：display:inline;行内元素转块元素：display:block;块和行内元素转行内块元素：display:inline-block;

典型代表inputimg特点：1.和相邻行内元素在同一行，但是之间会有空白缝隙。2.默认宽度是他本身内容的宽度，但是也可以手动设置

典型代表：span,a,,strong,em,del,ins特点：1.在一行上显示，如果不是块级元素，所有的元素都会并排一起2.设置宽高无效，水平方向的padding和margin属性可以设置，但是垂直方向上的无效。3.元素的宽和高就是内容撑开的宽高，自身无法设置。4.只能容纳其他行内元素或者文本，a元素是例外，但是放了块级元素就不能放链接了。

块元素会独自占据一整行，或者多行，可以任意设置其大小尺寸，是用于搭建网页布局的必须部分，使网页结构更加紧凑合理。典型代表：div,h1-h6,p,ul,li特点：1.独占一行，普通流中不予许有和它同占一行的2.可以设置其宽度、高度，内外边距3.嵌套（包含）下，子块元素宽度（没有定义情况下）和父块元素宽度默认一致4.可以容纳其他元素，p元素是例外

a/*所有超链接*/a:link/*超链接文字格式*/a:visited/*浏览过的链接文字格式*/a:active/*按下链接的格式*/a:hover/*鼠标转到链接*/鼠标光标样式：链接手指CURSOR:hand十字体cursor:crosshair箭头朝下cursor:s-resize十字箭头cursor:move箭头朝右cursor:move加一问号cursor:h...

background-color:#F5E2EC;/*背景颜色*/background:transparent;/*透视背景*/background-image:url(/image/bg.gif);/*背景图片*/background-attachment:fixed;/*浮水印固定背景*/background-repeat:repeat;/*重复排列-网页默认*/back...

list-style-type:none;/*不编号*/list-style-type:decimal;/*阿拉伯数字*/list-style-type:lower-roman;/*小写罗马数字*/list-style-type:upper-roman;/*大写罗马数字*/list-style-type:lower-alpha;/*小写英文字母*/list-style-type:uppe...

padding-top:10px;/*上边框留空白*/padding-right:10px;/*右边框留空白*/padding-bottom:10px;/*下边框留空白*/padding-left:10px;/*左边框留空白

vertical-align:top;/*垂直向上对齐*/vertical-align:bottom;/*垂直向下对齐*/vertical-align:middle;/*垂直居中对齐*/vertical-align:text-top;/*文字垂直向上对齐*/vertical-align:text-bottom;/*文字垂直向下对齐*/