发布时间:2013-11-08 10:03:44
说到 IE 的 bug,在 IE6以前的版本中,IE对盒模型的解析出现一些问题,跟其它浏览器不同,将 border 与 padding 都包含在 width 之内。而另外一些浏览器则与它相反,是不包括border和padding的。在我们开发的过程中会发现,有时候,如果对页面中的大区域进行设置时,将border、padding计算到width和height之内.........【阅读全文】
发布时间:2013-05-15 09:29:09
<html><head><style type="text/css">div.dotted {width:100px;height:100px;border-style:solid;position:absolute;border-width:50px 50px 0 0;}div.dotted:after{ border-style: solid; border-width: 20px 20px 0 0; content: " "; display: inline-bloc.........【阅读全文】
发布时间:2013-05-02 13:50:53
CSS3引入新的字体尺寸单位 rem ,可以简单记忆为root rm。CSS3的出现,他同时引进了一些新的单位,包括我们今天所说的rem。在W3C官网上是这样描述rem的——“font size of the root element” 。下面我们就一起来详细的了解rem。em单位是相对于父节点的font-size,会有一些组合的问题,而rem是相对于根节点(或者.........【阅读全文】
发布时间:2013-05-02 11:51:44
国内的设计师大都喜欢用px,而国外的网站大都喜欢用em,那么两者有什么区别,又各自有什么优劣呢?1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。px像素(Pixel)。相对长.........【阅读全文】
发布时间:2013-01-06 09:13:15
大 家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义。其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并 且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫“层叠”。样式覆盖(这种叫法更大众化些)遵循一定的规则,之前我对这个规则一直似 懂非懂的,直到这几天看了”CSS: The Missing Manual”,才豁然开朗。下面是我的一些学习笔记。首先需要明确的是,很多情况都会导致一个元素被运用上多种样式,样式覆盖的规则也需要根据不同的情况来定,具体规则如下。规则一:由于继承而发生样式冲突时,最近祖先获胜。CSS的继承机制使得元素......【阅读全文】