M、盒子内的页面分割 示例 描述 该属性设定分页是否发生在一个指定元素内。 支持情况 N、 Outline 属性 示例 描述 outline 是outline-style, outline-width, 和outline-color的缩写。该属性要优于border属性，因为它不会影响文档流，因而u更有助于调试布局问题。 支持情况 O、 display属性的替代值 示例 描述 display 属性通常设置为block, inline, 或none。替代值包括： 支持情况 处理可折叠空白 示例 描述 white-space属性的pre-line值设定将多个空白元素折叠为一个空白，同时允许明确的设置断行。white-space 属性的pre-wrap 值不会将多个空白折叠为一个，不过也允许明确的设置断行。 支持情况 4、其它各种技术 A、@import的媒体类型 示例 描述 就像上面的例子那样，引入的样式表文件的媒体类型声明在文件地址的后面。在该例子中，媒体类型是”screen”。 支持情况 Bugs 尽管IE6 和IE7 支持 @import，它们在媒体类型被指定的时候会无效，甚至会引起正@import规则无效。 B、 计数递增 示例 描述 该CSS 技术允许你自动增加出现在指定元素前面的编号，结合before伪元素一起使用。 支持情况 C、生成内容的引用字符 示例 描述 指定用于生成内容的引用呼号，用于q标签。 支持情况 5、重要bug和不兼容性问题 下面是在上文中没有提到的IE6和IE7的众多bug。当然这个列表不包括在这三个浏览器中都不支持的条目。 IE6 Bugs A、不支持用样式设置<abbr> 元素 B、不支持以连字符和下划线开头的class和ID名 C、<select> 元素总是出现在堆叠最上面，而无视z-index值 D、如果锚点的伪类没有使用正确的顺序(:link, :visited, :hover)，:hover 伪类将无效 E、一个属性的!important 声明会被同一规则中同一属性的没有使用!important的第二个声明覆盖。 F、height 表现类似于min-height G、width 表现类似于min-width H、左右margin双倍 I、圆点边框(dotted)看起来像虚线边框(dashed) J、text-decoration的 line-through 值在文字上看起来比别的浏览器要高一些 K、有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序号就不会增加，而是保持为1 L、列表元素不支持list-style-type的所有可用的值 M、如果列表条目浮动，指定的list-style-image 将不会显示 N、不完全支持 @font-face O、某些选择器会错误的匹配注释和文档声明 P、如果一个ID 选择器结合一个类选择器不匹配，同样的ID选择器结合不同的类选择器也将被当作不匹配。 IE7 Bugs A、有序列表如果有一个固定结构(haslayout为true，不能设置li的高度/宽度/zoom等激活haslayout的值)，序号就不会增加，而是保持为1 B、列表元素不支持list-style-type的所有可用的值 C、如果列表条目浮动，指定的list-style-image 将不会显示 D、不完全支持 @font-face E、某些选择器会错误的匹配注释和文档声明 F、一些在这里没有提到的IE bug只会在特定环境发生，而且没有指定到特定的CSS属性或值。#box {
page-break-inside: avoid;
}IE6 No
IE7 No
IE8 Yes#box {
outline: solid 1px red;
}IE6 No
IE7 No
IE8 Yes#box {
display: inline-block;
}inline-block
inline-table
list-item
run-in
table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row
table-row-groupIE6 No
IE7 No
IE8 Yesp {
white-space: pre-line;
}
div {
white-space: pre-wrap;
}IE6 No
IE7 No
IE8 Yes@import url("styles.css") screen; IE6 No
IE7 No
IE8 Yesh2 {
counter-increment: headers;
}
h2:before {
content: counter(headers) ". ";
}IE6 No
IE7 No
IE8 Yesq {
quotes: "'" "'";
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}IE6 No
IE7 No
IE8 Yes