在firefox与IE下DIV+CSS Padding效果不同的解决方法
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,
要解决这一个矛盾,可以利用!important
padding-top:5px;
height:10px !important;
height:15px;
以上定义了两个height, 其中一个后面加了!important , IE将会忽略这个属性,而使用后面的height:15px; 而firefox却不会忽略这个属性, 直接使用height:10px
这样就可以很巧妙的解决这个问题
相关文档：
刚看到一篇文章，虽然内容大意之前早都了解过，也都看到过实例，但是还是在这个地方总结一下吧：
CSS精灵，可以把网页中的一些图片合成一个图片，通过CSS来控制显示，减少HTTP的请求次数，在一定程度上增加WEB的健壮性。
对于少于200K的图片，服务器解析的速度都没有特别大的差别，但是通过图片的合成，可以减少HTTP的次� ......
CSS选择器可以准确的查找到指定的标签，使用CSS选择器可以使我们方便为标签定义CSS样式，而不用为每个标签都定义CSS样式。
下面我们讲一下最常用的五种CSS选择器：
一、标签选择器：通常用它来查找HTML中的某一种标签。
例如：
要为HTML中的所有P标签设计样式，可以使用下面的方法
p { font:12px;}
二、id选择器： � ......
语法：
border-width : medium | thin | thick | length
参数：
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
说明：
如果提供全部四个参数值，将按上－右－下－左的顺 ......
外部引用CSS
中 link
与@import
的区别
这两天写了CSS样式，具体研究了XHTML加载CSS
的几种方式，其中外部引用CSS
分为两种方式link
和@import
。
本质上，这两种方式都是为了加载CSS
文件，但还是存在着细微的差别。
* 差别1：老祖宗的差别。link
属于XHTML标签，而@import
完全是CSS
提� ......
IE6 IE7 IE8 Firefox Opera Google
范例
>
Y
Y
N
N
N
N
.type { >color: #F00; }
.
Y
Y
N
N
N
N
.type { .color: #F00; }
*
Y
Y
N
N
N
N
.type { *color: #F00; }
_
Y
N
N
N
N
N
.type { _color: #F00; }
!important
N
Y
Y
Y
......
