页面布局,或者是在页面上做些小效果的时候经常会用到 display,position和float 属性,如果对它们不是很了解的话,很容易出现一些莫名其妙的效果,痛定思痛读了《CSS Mastery》后总结一下。
让我们从基础的CSS知识谈起,相信很多初学者和小弟一样不明白CSS原理,一味追求效果,结果页面漏洞百出,错误匪夷所思,关于盒模型我就不多说了,网上很多,注意一下IE和其他浏览器(W3...
分类:
Web程序 时间:
2014-05-15 04:50:27
阅读次数:
572
“collapsing
margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、
padding区域、border边框或使用清除分离方法)结合表示为一个单独的margin。 在css2.1中,水平的margin不会被折叠...
分类:
其他好文 时间:
2014-05-14 13:57:12
阅读次数:
245
总结:css盒模型在不同浏览器之间(例如:ie和其他浏览器
如火狐)的差异只存在于ie6之前的版本中,如ie5。在ie6下,Internet Explorer 在标准模式下渲染时使用了 CSS
规范的算法,也就是会显示正确的盒模型,而在 quirks 模式下使用先前的,不规范的算法。即,只有在怪异模...
分类:
Web程序 时间:
2014-05-08 17:40:27
阅读次数:
391
一、各种元素的width height margin padding
特性(具体css元素的分来参看二)1.块级元素width、 height、 margin的四个方向、
padding的四个方向都正常显示,遵循标准的css盒模型。例如:div2.行内替换元素width、 height、 margi...
分类:
Web程序 时间:
2014-05-08 14:52:57
阅读次数:
545