1.
整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成，而css样式中width所定义的宽度仅仅是内容部分的宽度。
2. css优先级
id优先级高于class（id不要重复，否则js调用时会引起js的语法错误，只能取得第一个id的对象）。
后面的样式覆盖前面的
指定的高于继承
行内样式高于内部或外部样式
3.
这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。
4.在IE6及以上版本和标准的浏览器当中，当设置一个盒模型的的margin:auto;时，可以让这个盒模型居中。
5.line-height 默认是1.0 -1.2
6.text-align:justify 是指的左右都和边框对齐，适用于多行的文本，单行不起作用。
7.word-spacing：对中文没有作用，文档上定义的word为任何非空字符组成的串，并由空格包围，可以在中文间加个空格使其生效，不过也可以设置letter-spacing属性，css把中文当成一个个字母。
8.当同时设置white-space：nowrap（使其在一行内显示） text-overflow：ellipsis; overflow:hidden这三个样式时可以使一行很长的字超过设置的宽度时用......显示
9.form中的input可以设置readonly和disable，这两项属性区别如下 readonly不可编辑,但可以选择和复制 disable不能编辑复制选择
并且也不会被提交到服务器