摘要：
用!important解决IE和Mozilla的布局差别原文出自：http://www.w3cn.org/article/tips/2004/91.html，感谢作者无私奉献！!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{sRule !important }，即 写在定义的最后面，例如：box{color:red !important;}。 最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义。值得注意的是，FF对于”!important”会自动优先解析，而IE会忽略。并且一定 阅读全文
摘要：
本文地址：http://www.zhangxinxu.com/wordpress/?p=1136，以下作者略有编辑。一、简单说说content内容生成通过content属性生成内容，content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持： (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性，而不仅仅是:before和:after伪元素。例如下面这个简单的例 阅读全文
摘要：
来自官方的解释：float属性不等于 none 引起对象浮动时，对象将被视作行内块对象( iniline-block)，即 display 属性等于inline-block 。也就是说，浮动对象的 display 属性将被忽略。跟随浮动对象的对象将取代原来浮动对象的位置，即：浮动对象脱离标准流开始浮动。浮动对象会向左或向右移动直到遇到边框border、内补丁padding 、外补丁margin 或者另一个块对象( block-level )为止。我的一些体会，在标准流中，block在水平方向会自动伸展，直到到达父级元素的边界。而浮动元素会被自动设置成行内块！即他可以跟下一个兄弟同处一行，也可以 阅读全文
摘要：
经常会碰到display来转换对象的显示方式，所以，决定彻底搞清楚他。block块状对象：显示是一个方块，单独占据整行，其他对象下一行显示，相当的霸道！inline行内对象（也叫内联元素）：允许下一对象与之共享一行！他的高度默认就是一行文字的高度！inline-block：官方解释，“将对象呈递为内联对象，但是对象的内容作为块对象呈递。即旁边的内联对象会被呈递在同一行内”。建议：块状对象可以包含行内对象做为子对象，而行内对象不要去包含块状对象作为子对象，若要包含需慎重！看完或许你就明白了。友情提醒：无论是块还是行内，都可以有margin、padding、border，并且不能继承！要是padd 阅读全文