一些 CSS 心得
经常有事没事在网上偷看别人写的 CSS,以及查询一些 CSS 方面的文章,积累了一些便想集中起来写一写,也好做个自我提醒。
由于现在的浏览器市场混杂,多种浏览器都有自己的一套标准,导致许多页面元素的边距(margin)和补白(padding)的默认值都不尽相同,很容易导致页面在不同的浏览器上形成错位。解决的办法就是在 CSS 里第一行就定义
程序代码
- *{
- margin:0;
- padding:0;
- }
这样在第一行就把所有的元素的默认值统一起来了,使的后面的元素设置变得更加轻松和简便。
CSS 的书写格式也很重要,规范的书写格式在以后需要修改的时候能够快速定位。通常需要将 body、a、p、h1、h2、等通用元素写在前头,并设置页面里这些元素的共同属性。事先设定如下一些设置会有助于结构的书写
程序代码
- .clear{ clear:both;}
- .center{ text-align:center;}
- .left{ text-align:left;}
- .right{ text-align:right;}
别忘了,元素是可以指定多个 class 值的,如:
- <div class="clear left">
。通用元素写完,就先把主框架的 CSS 写出来,然后下面再按照主框架的各个部位分类,这样才能一目了然。