CSS代码缩写的CSS布局代码速记规范

CSS代码缩写的CSS布局代码速记规范
使用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);
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部