万峰’s Blog

1、标准模式中的 IE 6&7 width 100% bug

http://www.99css.com/2009/07/ie-6-width-100-bug.html

2、漫画：混乱的标记语言XHTML2/HTML5

阅读全文——共828字

<div class="box"><img src="http://pics.taobao.com/bao/album/promotion/taoscars_180×95_071112_sr.jpg" /></div>

.box {

/*非IE的主流浏览器识别的垂直居中的方法*/

阅读全文——共446字

发现很多朋友对 CSS 的优先权不甚了解，规则很简单。需要说明的一点，如果你的样式管理需要深层判断 CSS 的优先权，更应反思自己的 CSS 代码，是否合理？是否优化？

CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。

Specificity 具体的计算规则：

阅读全文——共972字

现在对于 inline-block 属性运用的需求也越来越多，可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性（注：原来只有 Opera、Safari 支持），但 IE6、IE7 可以通过触发 hasLayout 来模拟，Firefox2 有-moz-inline-box 和 -moz-inline-stack 私有属性。

在实际应用中 -moz-inline-box 会存在元素间的对齐等问题，虽然 Firefox 还有一个私有属性-moz-box-align 来帮助解决对齐问题，但依旧难以预料问题多多，而相对来说 -moz-inline-stack 的表现更像 inline-block ，这点可以在 Firefox3 中测试出来。但 -moz-inline-stack 使用时也会有一个 bug ，如果一个 display:-moz-inline-stack; 的元素外层元素是 display:inline; 即会使 Firefox 中其包含的链接不可点，这个需要用 position:relative; 来解决。

阅读全文——共985字

#demo { 

    color:red; /*All*/

    +color:blue; /*IE, 还能用 * 或者 # */

阅读全文——共507字

<meta http-equiv="X-UA-Compatible" content="IE=5" />

像是使用了 Windows Internet Explorer 7 的 Quirks 模式，这与 Windows Internet Explorer 5 显示内容的方式很相似。

2.<meta http-equiv="X-UA-Compatible" content="IE=7" />

阅读全文——共435字

display || visibility

list-style : list-style-type || list-style-position || list-style-image

position

阅读全文——共707字

1、仅 Safari 和 Opera 识别的 Hack

@media all and (min-width: 0px) {/* Safari and Opera  rules here */}

或者

阅读全文——共326字

所有平台都预装的字体，被称为“安全字体”，因为它可以保证所有用户的视觉效果是一样的。

以下九种字体就是“安全字体”：Arial、Arial Black、Comic Sans MS、Courier New、Georgia、Impact、Times New Roman、Trebuchet MS和Verdana。

阅读全文——共1057字