CSS缩写
内容提要：本文重点介绍css缩写的主要规则，以及常用css缩写语法总结。
在CSS写代码时，为什么要进行CSS缩写？使用缩写是因为可以减少CSS文件的大小，更加容易阅读。 我们在学习时，会看到很多CSS缩写。但如果自己没有了解，根本是看不明白学不会这些CSS方法经验。所以，我们必须了解和掌握一些常用的CSS缩写语法。 CSS的缩写性质（shorthand property）是一些专用的性质名，用来代替多个相关性质的集合。例如，间隙性质（padding property）是顶部间隙（padding-top）、右侧间隙（padding-right）、底部间隙（padding-bottom）和左侧间隙（padding-left）的缩写。使用速写性质让你能够把多个性质／属性对（property/attribute pair）压缩进CSS样式表的一行代码里。 下面IT部落窝就为大家总结出一些常用CSS缩写语法：
1、padding、margin的缩写语法： 比如我们在给某元素定义填充大小时，使用到padding，当对上、右、下、左填充有不同要求时，软件生成的代码可能是这样： .t1 { padding-top: 3px; padding-right: 20px; padding-bottom: 3px; padding-left: 20px; } 如果简单来写就是 ：.t2 { padding: 3px 20px 3px 20px; } padding的四边值依次对应了top(上)、right(右)、bottom(下)、left(左)。 还可以简写成： .t3 { padding: 3px 20px 3px; } 当left(左)没有时，默认值为right(右)的值，当bottom(下)没有时，默认值为top(上)的值，所以本例中最简单的就是： .t4{ padding: 3px 20px; } 当然，如果padding就一个值时，就表示上右下左是相同的了。 四个值依次表示top,right,bottom,left，方便的记忆方法是顺时针，上右下左。 从上例中冗长的4行代码浓缩成一行简介代码——这就是CSS缩写的优势。
2、背景Background的缩写语法： 背景的属性如下：background-color: #FFCCFF; background-image: url(/); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom; 该CSS代码可缩写为： background:#FCF url(/) no-repeat fixed center bottom; 即背景：背景颜色、背景图像、背景重复、背景附件、背景水平位置、背景垂直位置。
3、颜色的缩写语法： “#FFCCFF”可以简写为“#FCF”，这是针对16进制的色彩值，如果每两位（RRGGBB）的值相同，可以缩写一半（RGB）。又如：#000000可以缩写为#000;#336699可以缩写为#369。
4、边框(border) 的缩写语法： 边框的属性如下：border-width:1px; border-style:solid; border-color:#000; 可以缩写为一句：border:1px solid #000;
5、字体(fonts) 的缩写语法： 字体的属性如下：font-style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-height:140%; font-family:"Lucida Grande",sans-serif; 可以缩写为一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif; 注意，如果缩写字体定义，至少要定义font-size和font-family两个值。
6、列表(lists) 的缩写语法： 取消默认的圆点和序号可以这样写list-style:none;list的属性如下:list-style-type:square; list-style-position:inside; list-style-image:url(image.gif); 可以缩写为一句：list-style:square inside url(image.gif);
CSS缩写要注意的是，缩写性质还有多个属性，每一个（属性）都对应一个被组合进入缩写性质的常规性质。属性由空白隔开。当属性是类似的值的时候，例如用于边框空白性质（margin property）的线性测量的时候，接在缩写性质之后的属性的顺序很重要。属性的次序是从顶部（顶部的边框空白）开始，然后围绕格子（box）按顺时针次序继续。 属性的顺序在它们是不相似的值的时候是不重要的。因此，边框颜色、边框风格和边框宽度等属性可以以任何顺序接在大纲性质之后。忽略某个属性等同于从样式规则里忽略掉对应的常规性质。 下面是CSS缩写性质的列表以及它们所表示的常规性质。 Background（背景）：背景附件、背景颜色、背景图像、背景位置、背景重复 Border（边框）：边框颜色、边框风格、边框宽度 border-bottom（底部边框）：底部边框颜色、底部边框样式、底部边框宽度 border-left（左侧边框）：左侧边框颜色、左侧边框样式、左侧边框宽度 border-right（右侧边框）：右侧边框颜色、右侧边框样式、右侧边框宽度 border-top（顶部边框）：顶部边框颜色、顶部边框样式、顶部边框宽度 cue（声音提示）：前提示、后提示 font（字体）：字体、字号、字体样式、字体粗细、字体变体、线高度、字体大小调整、字体拉伸 list-style（列表样式）：列表样式图像、列表样式位置、列表样式类型 margin（空白）：顶部空白、右侧空白、底部空白、左侧空白 outline（大纲）：大纲颜色、大纲样式、大纲宽度 padding（间隙）：顶部间隙、右侧间隙、底部间隙、左侧间隙 pause（暂停）：后暂停、前暂停
