2009年5月5日
大家都对vertical-align的各说各话
摘要： 最近几天仔细研究了一下vertical-align这个属性，结果让我大吃一惊，这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同。 vertical-align的值有点多，包括 baseline sub supper top text-top bottom text-bottom middle以及各种长度值（%，em，ex等等）。我先给大家看一个我觉得最夸张的值：bottom。代码如下... 阅读全文
posted @ 2009-05-05 11:56 Gre_Jee.Mr 阅读(263) 评论(0) 推荐(0)
“银弹”Hack（IE6、7、8beta1）网页标准
摘要： 拿到IE 8 beta 2的 Search Partner Build Invitation。于是下午花了点时间先在网上搜寻了一下关于IE 8对CSS的支持，以及如何对它做Hack。 我是个懒人，最不喜欢去记那些复杂的hack，所以总是希望能找到一个“银弹”Hack，也就是“能搞定一切的通用方法”。下面是我能找到的最好的一个： .indicator{ background: red; ... 阅读全文
posted @ 2009-05-05 11:54 Gre_Jee.Mr 阅读(195) 评论(0) 推荐(0)
IE里关于CSS的优先级的bug（一）
摘要： CSS优先级的知识大家应该都比较了解了（如果不了解可以参看《详解CSS的优先权》）。但是，注意哦，这只是W3C的CSS2.1规范自己声称的。而事实上，确实有“极少数的浏览器”并不一定按照这个规则来办。这个“极少数浏览器”我就不点名了哈。 今天介绍一个最简单的。 div.colorful {color: red;} div .colorful {color: green;} 按照CSS2.1规范里... 阅读全文
posted @ 2009-05-05 11:51 Gre_Jee.Mr 阅读(151) 评论(0) 推荐(0)
IE里关于CSS的优先级的bug（二）
摘要： IE里面关于CSS优先级的bug其实挺多，所以这里还得来个第二篇。可预见的还有个第三篇，大家耐心。 这次讲的是有关链接伪元素的。CSS2.1规范里有明确的提到，类名和伪元素的个数是合并在一起计算的。换句话说，:hover的优先级，应该和如.highlight一样高。但是在IE 6里并不是这样的哦。看下面两个定义 a:hover{ /* 优先级 [0,1,1] */ color: red; ... 阅读全文
posted @ 2009-05-05 11:51 Gre_Jee.Mr 阅读(332) 评论(0) 推荐(0)
IE里关于CSS的优先级的bug（三）
摘要： .orange_link .orange_link .orange_link a { color: orange; } .orange_link .orange_link a { color: orange;} a:hover{ color: red;} .orange_link a { color: orange;} 根据上次的结论：在IE6里，“a:hover”的优先级比“.orange_l... 阅读全文
posted @ 2009-05-05 11:50 Gre_Jee.Mr 阅读(388) 评论(0) 推荐(0)
配色字典（一）
摘要： 阅读全文
posted @ 2009-05-05 11:45 Gre_Jee.Mr 阅读(181) 评论(0) 推荐(0)
图形化按钮
摘要： 图形化按钮，就类似这个样子的： 当然，它其实就是一张图片而已。这样做纯粹是为了好看。这里探讨的不是怎么设计这种按钮，而是怎么在网页里把它做出来。这里要提几个要求： A. 语义化。如果这个按钮叫“完成注册”，就要在HTML中写出这四个字，以保证只读HTML的情况下也知道这个按钮是什么文字。 B. display:inline。用display:block可以很容易的调整大小。但是如果一横排并列两个... 阅读全文
posted @ 2009-05-05 11:44 Gre_Jee.Mr 阅读(214) 评论(0) 推荐(0)
配色字典（二）以色列
摘要： 阅读全文
posted @ 2009-05-05 11:41 Gre_Jee.Mr 阅读(131) 评论(0) 推荐(0)
我最近的CSS习惯
摘要： December2008 之前有要求我多写点CSS方面的，那就写吧。因为习惯其实是会变的，所以只能写“最近”的。这些习惯都跟技术无关，如果不遵守，也不会出错。但是我觉得良好的习惯会体现一个人的素质。 1. 用class_name方式写类名。以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会... 阅读全文
posted @ 2009-05-05 11:39 Gre_Jee.Mr 阅读(219) 评论(0) 推荐(0)
CSS选择符命名原则
摘要： 坦率的说，我写CSS时，有至少1/4的时间是在纠结选择符该如何命名。随意的命名，会让你陷入尴尬。 举个例子，我们需要在一段文字里将某些词标红。所以为此建了一个.red { color: red; }。结果产品经理觉得，红色太刺眼了，改成橘色比较好吧。这下头大啦，难道写成.red { color: orange; }么？要不然就是把HTML里的每个class="red"改成class="orange... 阅读全文
posted @ 2009-05-05 11:34 Gre_Jee.Mr 阅读(303) 评论(0) 推荐(0)