网络编程
位置：首页>> 网络编程>> 网页设计>> 去掉CSS赘余代码，CSS可以更简洁（3）

去掉CSS赘余代码，CSS可以更简洁（3）

　　发布时间：2008-11-05 13:07:00　

标签：代码,精简,优化,css

3.Background缩写


.div {
background-color:#CCCCCC;
(named,hex,rgb,0-255)(default=transparent)
background-image:url(images/bg.gif);
(url or none)(defaule=none)
background-repeat:no-repeat;
(repeat,repeat-x,repeat-y or no-repeat)(default=repeat)
background-attachment:scroll;
(fixed or scoll)(default=scroll)
background-position:top left;
(top,right,left,bottom or center)(default=0％ 0％)
}

精简后代码：



.div {
background:#CCC url(images/bg.gif) no-repeat 0 0;
}

4.font



.div {
font-family:Verdana,Arial,Helvetica;
font-size:12px;
font-weight:bold;
font-style:italic;
font-variant:normal;
line-height:1.5;
}

精简后代码：




.div {
font:italic bold 12px/1.5 Verdana,Arial,Helcetica;
}

5.list缩写




.div {
list-style-image:url(images/bullet.gif);
list-style-position:inside;
list-style-tupe:squere;
}

精简后的代码：




.div {
list-style:square inside url(images/bullet.gif);
}

6.颜色的缩写




Aqua:#00ffff to #0ff
Black:#000000 to #000
Blue:#0000ff to # 00f
Dark Grey:#666666 to #666
Fuchsia:#ff00ff to #f0f
Light Grey:#cccccc to #ccc
Lime:#00ff00 to #0f0
Orange:#ff6600 to #f60
White:#ffffff to #fff
Yellow:#ffff00 to #ff0

以上元素多属性，因此在某些时候可以遵从一定的规律对它们进行缩写。

第一页 上一页 1 2
3
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com