tedpenk的专栏

两栏布局 *{margin:0;padding:0;} /*****************************************方法一 固定高度**************************************/ /*.left {float:left;width:200px;background-color:#ff0;heig

元素居中 /****************************************** 水平居中 (1) **************************************/ .wrap1 {background: #000; width: 500px; height: 100px; margin-bottom: 10px; col

.clearfix:before, .clearfix:after { display: table; content: " ";}.clearfix:after { clear: both;}

操作样式表CSSStyleSheet 类型表示的是样式表，包括通过 元素包含的样式表和在 元素中定义的样式表。这两个元素本身分别是由 HTMLLinkElement 和 HTMLStyleElement 类型表示的。CSSStyleSheet 属性：var supportsDOM2StyleSheets = document.implementa

元素大小1.偏移量(offset dimension)，包括元素在屏幕上占用的所有可见的空间。元素的可见大小由其高度、宽度决定，包括所有内边距、滚动条和边框大小(注意，不包括外边距)。·offsetHeight：元素在垂直方向上占用的空间大小，以像素计。包括元素的高度、(可见的)水平滚动条的高度、上边框高度和下边框高度。·offsetWidth：元素

遍历var supportsTraversals = document.implementation.hasFeature("Traversal", "2.0");var supportsNodeIterator = (typeof document.createNodeIterator == "function");var supportsTreeWalker = (type

border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。

<!-- 语言属性根据 HTML5 规范：强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。这将有助于语音合成工具确定其所应该采用的发音，有助于翻译工具确定其翻译时所应遵守的规则等等。--> <!--字符编码通过明确声明字符编码，能够确保浏览器快速并容易的判断页面内容的渲染方式。这样做的好处是，可以避免在 HTML 中使用字符实体标记（character

t text-indent: -9999px;

一、关于 postion: relative:1)  position: relative 不会使元素脱离文档流，元素保留原先应该出现的位置并根据这个位置进行定位；

两个或多个 display:inline-block 的元素之间，如果在 html 书写中有换行的话，会在页面上产生间距。解决方法：1.消除换行，一个挨着一个元素写；    2.用样式控制