Blog

以前在写样式表的过程中都是想到一处就写一处，等整个项目完成的时候才发现样式表的可用性低，而且样式表的命名不规范，通过做了这么久的项目，慢慢的发现样式表的规划很重要，那么如何才可以编写出高效率的样式表呢？ 大家都知道web2.0的优点是使用了css样式表，而CSS最受追捧的优点就是减小页面体积，从而减少了下载时间，无论是在页面第一次被下载时，还是此后直接从缓存中加载。事实的确如此，但是，这个在页面首次被下载过程中节省下来的体积往往又有很大一部分被浪费掉了，原因就是极度冗余的样式表代码。 好吧，一切都over，让我们重新开始。你将学习一些高效的样式表编写“密技”，开始对你的样式表敲骨吸髓榨干到最后一滴汁。当然，你不可能藉此节省“巨 大”的页面体积，不过，对于那些在激烈的竞争中求生存的网站，省一个字节是一个字节，这些节省的字节对他们而言是极具价值的。 有这么几个范围可以进行“字节瘦身”，包括简写属性、多重声明、使用默认值、属性继承和空白的处理。 简写属性在如何设置页面边距为零（Zeroing page margins）一文谈及了几个CSS简写属性，不过关于这个主题仍然有很多可以说的。 常用的简写属性包括： font — 字体，控制"font-size"（字体尺寸）、"font-weight"（字体磅数）、"line-height"（行高）等background — 背景，控制元素的背景、定位、重复等list-style — 列表样式，设置列表项目符号的属性margin — 边距，定义盒装容器各条边框旁留出的空白的宽度border — 边框，定义盒状容器各条边框的样式属性，此处会涉及到另几个涉及边框的简写属性padding — 内边距，定义盒状容器各条边框内侧留出的补白宽度，以上列表项可以直接链接到W3C CSS 2 specifications中相关的内容章节。 例如，font（字体）属性是一次性同时设置font-style（字体样式）、font-variant（字体变体）、font-weight（字体磅 数）、font-size（字体尺寸）、line-height（行高）和font-family（字型组）的简写属性。然而，并不是所有这些属性都必须 在简写属性中同时用到。 当简写格式中的某些值被省略时，每个“失踪”的属性实际上都被指定使用它的默认值，这些值都可以在W3C specifications的font…