历数CSS缩写的一些好处

　　类似的，你可以使用接在边框空白或者间隔性质之后的两个属性来代表顶部/底部和右侧/左侧属性对。

　　margin: 5px 10px 5px 10px;

　　margin: 5px 10px;

　　属性的顺序在它们是不相似的值的时候是不重要的。因此，边框颜色、边框风格和边框宽度等属性可以以任何顺序接在大纲性质(outline property)之后。忽略某个属性等同于从样式规则里忽略掉对应的常规性质。

　　下面是CSS缩写性质的列表以及它们所表示的常规性质。

　　Background(背景)：背景附件、背景颜色、背景图像、背景位置、背景重复

　　Border(边框)：边框颜色、边框风格、边框宽度

　　border-bottom(底部边框)：底部边框颜色、底部边框样式、底部边框宽度

　　border-left(左侧边框)：左侧边框颜色、左侧边框样式、左侧边框宽度

　　border-right(右侧边框)：右侧边框颜色、右侧边框样式、右侧边框宽度

　　border-top(顶部边框)：顶部边框颜色、顶部边框样式、顶部边框宽度

　　cue(声音提示)：前提示、后提示

　　font(字体)：字体、字号、字体样式、字体粗细、字体变体、线高度、字体大小调整、字体拉伸

　　list-style(列表样式)：列表样式图像、列表样式位置、列表样式类型

　　margin(空白)：顶部空白、右侧空白、底部空白、左侧空白

　　outline(大纲)：大纲颜色、大纲样式、大纲宽度

　　padding(间隙)：顶部间隙、右侧间隙、底部间隙、左侧间隙

　　pause(暂停)：后暂停、前暂停

　　减少空白

　　减少CSS样式表大小的另一种方法是从文档里删掉大多数无用的空白。换句话说，将每条规则打破放进一行代码里，即把原来插入到代码里用来把每个性质/属性分割到不同行的换行符和缩进符删掉。

　　例如，下面的代码示例在内容上相同，但是第二个要精炼得多：

　　h1 {

　　font-size: x-large;

　　font-weight: bold;

　　color: #FF0000;

　　}

　　h1 {font-size: x-large; font-weight: bold; color: #FF0000}

　　删掉注释

　　将注释从你的CSS代码里删掉是减少文件大小的另一种方式。尽管注释对于代码的阅读很有用，但是它无助于浏览器生成你的Web页面。很多Web建设者都习惯给每一行代码都加上注释，或者至少给每一条规则声明都加上。这样的慷慨注释在CSS样式表里是极少需要的，因为大多数CSS性质和属性都很容易阅读和理解。如果你对类、ID，以及其他的选择器都使用有意义的名称，你就可以省掉大多数的注释，同时仍然能够保持代码的可读性和可维护性。

　　h

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!