CSS优化2(常用的CSS缩写语法摘要)

使用缩写可以帮助减少CSS文件的大小,更容易阅读。CSS缩写的主要规则如下:

颜色
16个颜色值,如果每两个比特的值是相同的,可以缩写为一半,例如:
# 000000可以缩写为# 000;# 336699可以缩写为# 369;

框的大小
通常有以下四种方法来写以下内容:

属性:value1;它意味着所有的边值value1;
属性:value1 value2;表明,顶部和底部的值是正确的,离开是value1,value2
value1 value2属性:值;表明最高值value1,value2,左和右,底值值。
value1 value2 value3财产:珍惜;反过来,四值代表的是上,右,下,左
方便的记忆方法是顺时针方向,右上角和左上角:
保证金:0 2em 0.5em 1em;

边境(边境)
边界的属性如下所示:

边框宽度:1px;
边框样式:实心;
边框颜色:# 000;
它可以简化为一句话:边框1px solid # 000;

语法是边框:宽度样式颜色;

背景(背景)
背景的属性如下所示:

背景颜色:# F00;
背景图片:URL(背景GIF);
后台重复:不重复;
附件:固定背景;
背景位置:0 0;
可以缩写为一句话:背景:# F00 URL(背景.gif)没有重复的固定00;

语法为背景:彩色图像重复附着位置;

可以省略一个或多个属性值,如果省略,则属性值将由浏览器默认值使用,默认值为:

颜色:透明
图片:无
重复:重复
附件:滚动
职位:0% 0%
字体
字体的属性如下所示:

字体样式:斜体;
字体变体:小大写;
字体粗细:粗体;
Font-size:1em;
线高度:140%;
字体家庭:Lucida Grande
可以缩写为一句话:字体:斜体小写粗体1em / 140% Lucida Grande

注意,如果你把字体定义,至少两值定义字体大小和字体。

列表(列表)
取消默认点和序数可以写列表样式:没有这种方式;

列表的属性如下所示:

列表样式类型:正方形;
列表样式位置:内部;
列表样式图像:URL(GIF);
它可以缩写为一个句子:列表样式:正方形内部URL(GIF);