使用CSS
缩写的css代码,你会
发现它很好的对简单的页面布局提出了比较高的要求,其次是情人
详细,常用的CSS语法缩写,感性的朋友可以
参考哈萨克斯坦,希望对你有所帮助。
使用缩写可以帮助减少CSS
文件的大小,并且更容易阅读。CSS缩写的主要规则请参考常见的CSS缩写语法摘要。CSS缩写的主要规则如下:
颜色
16个颜色值,如果每两个比特的值是相同的,可以缩写为一半,例如:
# 000000可以缩写为# 000;# 336699可以缩写为# 369;
注意:在同一CSS
配置部分,不要隔行全写和缩写颜色配置,这会导致
浏览器在
系统资源非常低时失败。
框的大小
通常有以下四种
方法来写以下内容:
属性: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(背景.webp)没有重复的固定00;
语法为背景:彩色图像重复附着位置;
可以省略一个或多个属性值,如果省略,则属性值将由浏览器
默认值使用,默认值为:
颜色:透明
图片:无
重复:重复
附件:滚动
职位:0% 0%
字体 字体的属性如下所示:
字体样式:斜体;
字体变体:小大写;
字体粗细:粗体;
字体大小:1em;
线高度:140%;
字体家庭:Lucida Grande
可以缩写为一句话:字体:斜体小写粗体1em / 140% Lucida Grande
注意,如果你把字体定义,至少两值定义字体大小和字体。
列表(列表)
取消默认点和序数可以写列表样式:没有这种方式;
列表的属性如下所示:
列表样式
类型:正方形;
列表样式位置:内部;
列表样式图像:URL(GIF);
它可以缩写为一个句子:列表样式:正方形内部URL(GIF);