clientWidth=width+左右paddingoffsetWidth=width+左右padding+左右boderscrollWidth：获取指定标签内容层的真实宽度（可视区域宽度+被隐藏区域宽度）边界塌陷CSS中存在一个margincollapse，即边界塌陷或者说边界重叠。只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不...

盒模型分类IE盒模型（怪异盒模型）width=border+padding+content一个盒子的宽度=width+marginW3C盒模型（标准盒模型）width=content一个盒子的宽度=width+padding+border+margin转换盒模型Css中默认的盒模型是W3C盒模型，两者间的转换可以通过设置属性box-sizing来转换box-...

::selection选择被用户选取的元素部分:first-line选择元素中的第一行:first-letter选择元素中的第一个字符:after在元素在该元素之后添加内容:before在元素在该元素之前添加内容

优先级由高到低!important>内联style>ID选择器>类选择器>标签选择器>通配符选择器>继承优先级算法(权重)元素标签（派生选择器）：1class选择符：10id选择符：100内联样式最大：1000元素选择符的权值继承得到的样式的优先级最低比较多个权重相同的CSS选择器优先级，定义的位置决定一切。从位置上由高到低分为六级：1.位于<head/>标签里的<st...

id选择器根据提供的唯一id号快速获取标签对象用于充当label标签for属性的值：用户名：，表示单击此label标签时，id为userid的标签获得焦点类选择器(class)标签选择器(h1)相邻选择器直接相邻元素选择器(h1+p)普通相邻元素选择器（h2~h2）子选择器(ul>li)后代选择器(lia)通配符选择器(*)属性选择器（a[rel="XXX"]）伪类选择器(:...

当使用@import导入CSS时，会导致某些页面在IE出现奇怪的现象：没有样式的页面内容显示瞬间闪烁，这种现象被称为“文档样式暂时失效”，简称FOUC。产生原因：当样式表晚于结构性html加载时，加载到此样式表时，页面将会停止之前的渲染。等待此样式表被下载和解析后，再重新渲染页面，期间导致短暂的花屏现象。解决办法：只要在之间加入一个或者元素即可。

一般情况下，页面加载时自上而下的。将style标签至于body之前，为的是先加载样式。若是写在body标签之后，由于浏览器以逐行方式对html文档进行解析，当解析到写在写在文档尾部的样式表时，会导致浏览器停止之前的渲染，等待加载且解析样式表完成之后会重新渲染，在windows的IE下可能会出现FOUC现象（页面闪烁）。、

CSS引入方式有4种内联、内嵌、外链、导入外链link除了可以加载css之外,还可以定义rss、rel等属性，没有兼容性问题，支持使用javascript改变样式导入@import是css提供的，只能用于加载css，不支持通过javascript修改样式页面被加载的时候，link会被同时加载，而@import则需等到页面加载完后再加载，可能出现无样式网页

类选择器的开头用.（点）进行表示。与ID选择器的区别就是可以重用。定义多个元素的样式，好比按组进行归类，同一类的样式统一定义。.error{color:red;}如果把两个类串在一起，选择的就是同时具有两个类名的元素，类名的顺序则无所谓，比如class="urgentwarning",css选择器你也可以这样写.warning.urgent。浏览器兼容性：IE6+FirefoxC...

ID选择器的开头使用#号，但是你在使用的时候，需要谨慎。问问自己：是否真的需要使用ID选择器来定义样式id选择器比较局限，不能重用。因此需要慎重考虑。#container{width:960px;margin:auto;}浏览器兼容性：IE6+FirefoxChromeSafariOpera