之前在做页面时，一直使用YUI的CSS Reset，后来还跟着它升级到了3.0beta1 版。当然，我每次都会在YUI的基础上适当精简，以方便自己在项目中的使用。后来陆续看到了Shawphy的《打造自己的 reset.css》和射雕的《Reset CSS 研究（技术篇）》，然后便想到既然巨人们就在眼前，我何不站在他们肩膀上总结一套自己的CSS Reset呢，于是就有了下文：
阅读全文…
mingelz UED CSS, CSS Reset, Dawn
最近我又发现了一处细节上的CSS兼容性问题——当盒模型中的border颜色设置为透明时在各浏览器下表现出了完全不同的样式，甚至显得有些诡异，具体请看我下边的测试：
首先给出代码，HTML代码如下：
阅读全文…
mingelz UED CSS, CSS Hack, UED
我在使用CSS时，一些样式定义的简写形式已经成为了我的首选，比如用一句margin代替了margin-top, margin-right, margin-bottom, margin-left。同样的，我也会用font代替font-style, font-variant, font-weight, font-size/line-height, font-family。但今天上午我在写代码时，却发现了一个之前没有被我注意到的细节：font的简写形式会将一些没有定义的属性恢复成默认值。
阅读全文…
mingelz UED CSS, font
今天刚刚发现一个细节：IE6中伪类不会继承所属选择符在class定义的样式，而是继承上一个伪类的定义。而IE7、Firefox则比较正常。下边用实例说话：
现在我们定义三个链接，其中一个有自己的id名，还有一个有自己的class名：
阅读全文…
mingelz UED CSS, CSS Hack, Firefox, IE
几天前曾有个同学问到了我关于CSS样式覆盖方面的问题，下边我就说一下CSS定义时有关选择符优先级问题吧。
先说下三种CSS的定义方式：
阅读全文…
mingelz UED CSS
记得在和剑羽做ikingsoft.com时，就发现了IE6的一个致命缺陷——不支持PNG图片的透明效果。当然与我们在这方面的经验不多也有关系，反正最后的结果就是我们又不得不把所有的PNG图片替换为另外的GIF格式。（当然我现在已经使用IEPNGFIX工具解决这个让人郁闷的问题了。）
阅读全文…
mingelz UED CSS, IE, Microsoft, 微软
其实我很早就接触过网页设计的知识，最开始书上讲的正是用嵌套的<table>标签完成每个页面的排版，而且每个尖括号中除了标签名外还有一长串的参数，什么宽、高、颜色、对齐方式之类的。还好当时只是学习，没有因为后期维护而伤脑筋。
当然现在我知道那是不符合web标准的：内容与样式没有分离，<table>满天飞；而且还用了很多XHTML中不推荐的标签，如<b>、<font>之类。下面就说说我对XHTML、CSS的理解吧。
阅读全文…
mingelz UED CSS, XHTML
舜子曾在他的Blog里发表过《CSS hack:区分IE6，IE7，firefox》，讲到了使用“*”（星号）、“_”（下划线）和“!important”（CSS定义的语法）三者区分IE6、IE7和Firefox。
总结起来就是Firefox和IE7支持“!important”；IE系列（IE6和IE7）支持“*”；IE6支持“_”（IE6以下版本也支持）。所以应该先定义Firefox样式，然后定义IE7样式，最后是IE6。举例：
background:orange;
*background:green;
_background:blue;
阅读全文…
mingelz UED CSS, CSS Hack, Firefox, IE
