css细节

• 如果一个元素没有边框那么补白也就不重要了
• 如果一个元素动态定位它就不是常规文档流的一部分，那么它的页边距就是不相关的
• width,height只设置了元素内容区的大小，不包括元素的补白，边框，或页边距占用的额外空间
• left,top,这两个值相对于包含元素的补白的外边界(边框的内边缘)
• overflow: 指定超出元素框是发生什么情况;auto 超出范围显示滚动条，scroll 永久具有水平和垂直滚动条，hidden 剪切一处的内容，visible 绘制在元素框之外
• clip : 指定了元素的剪切区域；style="clip:rect(top right bottom left)" 例：rect(auto,100px,auto,auto);
• 脚本化css类：e.className=element.className.replace("oldclass","");
• 脚本化样式表：<link  id="sheetid" /> 和 <style id=""></style> 有disabled属性，如果document.getElementById("sheetid").disabled=true,则相关的样式表就会被关闭，并且会被浏览器忽略
• 样式表对象和样式表规则：var ss = document.styleSheets[0]（如果只有一个单独样式表）；var first=document.styleSheets[0].cssRules[0]（cssRules或rules）;除了可以查询和更改一个样式表的已有规则，还可以向一个样式表添加规则或者从一个样式表移除规则不过浏览器支持情况有别