摘要: 写css hack 时,由于hack主要针对的是个别浏览器,hack的书写顺序应当是从一般到特殊的写法。如:.box { width:200px; height:200px; position:fixed; left:0; top:0; _position:absolute; }如果颠倒顺序,从特殊到一般,就失效了。但是,对于高级浏览器支持的一些属性,低级版本和升级版本支持的可能不一样,为了都支持,该怎么写?看如下代码:div { height:30px; width:60px; border-radius:3px; -webkit-border-radius:3px; -moz-border 阅读全文
posted @ 2013-01-18 14:28 xmlovecss 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 第二节讲了模块化的一个实例,给出了常见的三种设计方式。而推荐的也就后面两种。这次,我们讲讲第四种设计方式。这是从鬼哥的css森林中此文章:http://www.cssforest.org/blog/index.php?id=167中扒出的图。此设计模式是把复杂版作为基类,简化版就只是覆盖某些属性而已。这样,复杂版的html中就只有一个类,而简化版有两个类。相对之前说的提取一个基类作为两种设计的共有类,然后彼此再设计扩展类,复杂版就少了一个class。事实上,我对此示例有疑问的。因为示例给出的可以看做是同一个东西。就好像复杂版的模块html中少了图像和回复而已。简单版的扩展类只是覆盖复杂版中的某 阅读全文
posted @ 2013-01-18 13:25 xmlovecss 阅读(123) 评论(0) 推荐(0) 编辑