在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（暂停）：后暂停、前暂停
