IT米工网 - 一个免费的IT学习网站!

当前位置:首页 > 网站建设 > DIV+CSS > 详细页面

CSS的简写

作者:admin 时间:2018-11-06 来源:IT米工网 点击:

编写CSS代码,应该养成简洁明了的代码书写习惯。
     
1.颜色的缩写
CSS中对于颜色的表现方式有以 下4种
1>十六进制形式#RRGGBB,如FF00FF,具体表现形式如下

p {color:#FF00FF}
2>RGB函数形式RGB(x,x,x),
3>颜色名称,如red,green等
4>用户系统色盘值,如桌面背景色background,windowtext等
颜色的缩写方式很简单,只能对十六进制的颜色进行缩写,十六进制的表现方式是#RRGGBB,如果RR/GG/BB这三种颜色是由三组两个相同的值组成,那就可以缩写成#RGB,简写的条件必须是成对出现。例如,#FE003F这样的颜色是不可以缩写的。
2.单位值的省略
对于CSS单位值的省略主 要体现在当数值是0的时候,无论是什么形式的单位都可以省略。例如,width:0px;可以写成width:0;
3.内外边距的缩写
内边距(padding)和外边距(margin)是使用率很高的属性,对其简写可以减少代码量,提高效率。内/外边距有4个属性,分别是上、右、下、左,即padding-top 、padding-right 、padding-bottom 、padding-left 、以及margin-top 、margin-right 、margin-botton 、margin-left,将其简写,就是把4个属性合并成一个padding和margin即可。
内外边距根据上、右、下、左的顺时针方向有以下4种简写方式。
a.property:value1; 表示所有边值都是一个值value1.
b.property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2.
c.preperty:value1 value2 value3; 表示top的值value1,right和left的值是value2,bottom的值是value3.
d.property:value1 value2 value3 value4; 表示top的值value1,right的值value2,bottom的值value3,left的值value4.

标签

相关推荐