网络编程
位置:首页>> 网络编程>> 网页设计>> 去掉CSS赘余代码,CSS可以更简洁(2)

去掉CSS赘余代码,CSS可以更简洁(2)

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

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

2.border的缩写

例1:



.div {
border-width:5px;
(thin,thick,medium,set vaule)(default=medium)
border-style:dotted;
(solid,dashed,dotted,double,etc)(default=none)
border-color:blue;
(named,hex,rgb or 0-255)(default=value of elements/elements parent color property)
}

精简后代码:



.div {
border:5px dotten blue;
}

例2:


.div {
border-right-width:2px;
border-right-style:solid;
border-right-color:#666666;
}


  精简后代码:




.div {
border-right:2px solid #666;
}

例3:


.div {
border-top-width:3xp;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:2px;
}

  精简后的代码:




.div {
border-width:3px 2px;
}

0
投稿

猜你喜欢

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