这其实是一个错误，不过在开发中遇到也不止一两回，把id写的满页面都是，当然讲道理id是可以在页面嵌套着写，但尽量还是写在最外层。id属性只能在每个HTML文档中出现一次。

例如：htmlbodydiv#headul#navsli.active，8层嵌套当选择器嵌套太深会把自己也搞混乱浏览器对css选择器的解析规则是从右向左，如.navlip，它会先找到页面中p标签，再往上找，所以前面写在多也起不了什么作用，只会增加查找成本。

div+css是前端开发的基本技能，很多朋友才入门前端时，命名就是各种不规范，这些类名对其他人没有任何意义，甚至一段时间后，自己也不知道写的什么。小编就见过div0,div1,div2,div3的命名，比中文拼音还不可取，拼音的话只能说英文水平差，还懒得查。最外层可用Id，里层class，css命名可以以内容和功能命名，尽量用英文如果不会也可查词典，多个单词可用连接符链接，如果缩写必须大家懂的缩写...

浏览器默认文字大小：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...