CSS常用屬性縮寫實(shí)例
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2008-10-31 22:20:29 作者:佚名
我要評(píng)論

CSS代碼簡(jiǎn)化在工作中是非常有益的,也是必要的。在編寫CSS代碼時(shí),經(jīng)常會(huì)出現(xiàn)冗余的代碼,為了提高代碼的質(zhì)量及文件壓縮到最小,使代碼具有可讀性,不得不把CSS代碼簡(jiǎn)化。下面用一些比較常用的屬性來(lái)做示例。
相關(guān)CSS縮寫文章:CSS代碼縮寫實(shí)例以及CSS縮寫原因總結(jié)
CSS代碼簡(jiǎn)化在工作中是非常有益的,也是必要的。在編寫CSS代碼時(shí),經(jīng)常會(huì)出現(xiàn)冗余的代碼,為了提高代碼的質(zhì)量及文件壓縮到最小,使代碼具有可讀性,不得不把CSS代碼簡(jiǎn)化。下面用一些比較常用的屬性來(lái)做示例。
相關(guān)CSS縮寫文章:CSS代碼縮寫實(shí)例以及CSS縮寫原因總結(jié) CSS縮寫6個(gè)圖例總結(jié)
margin
margin-top:1px;
margin-right:1px;
margin-bottom:1px;
margin-left:1px;
代碼簡(jiǎn)化為:margin:1px
margin-top:1px;
margin-right:2px;
margin-bottom:1px;
margin-left:2px;
代碼簡(jiǎn)化為:margin:1px2px
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:2px;
代碼簡(jiǎn)化為:margin:1px2px3px
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;
代碼簡(jiǎn)化為:margin:1px2px3px4px
注意:當(dāng)屬性值是0的時(shí)候單位可以不寫如:0px直接就寫成0
padding
padding的書寫方法和margin相類似
padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;
代碼簡(jiǎn)化為:padding:1px
padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;
代碼簡(jiǎn)化為:padding:1px2px
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:2px;
代碼簡(jiǎn)化為:padding:1px2px3px
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;
代碼簡(jiǎn)化為:padding:1px2px3px4px
border
border-width:1px;
border-style:solid;
border-color:#000000;
代碼簡(jiǎn)化為:border:1pxsolid#000
background
background-color:#CCFFFF;
background-image:url(圖片路徑);
background-repeat:repeat-x;
background-position:5px4px;
代碼簡(jiǎn)化為:background:#CFFurl(圖片路徑)repeat-x5px4px
font
font-size:26px;
font-weight:bold;
font-family:“宋體”;
代碼簡(jiǎn)化為:font:26pxbold“宋體”
color屬性值
color:#000000;
color:#ff0000;
代碼簡(jiǎn)化為:color:#000,color:#f00
相關(guān)文章
- margin縮寫想必有很多新手朋友們都不知道吧,善于使用縮寫的朋友可以有效的提高css樣式的書寫效率,看到這里是不是有點(diǎn)心動(dòng)了,下面的示例將會(huì)讓你有所收獲2013-09-05
css代碼縮寫 div+css布局代碼簡(jiǎn)寫規(guī)范
采用css縮寫div+css布局代碼,你會(huì)發(fā)現(xiàn)很簡(jiǎn)潔很好看也是對(duì)網(wǎng)頁(yè)布局者的一個(gè)比較高的要求吧,接下來(lái)為網(wǎng)頁(yè)愛(ài)好者詳細(xì)介紹下,css樣式中常用的縮寫語(yǔ)法,感性的朋有可以參考2013-03-22CSS學(xué)習(xí)之css代碼的簡(jiǎn)寫的十條規(guī)則
網(wǎng)頁(yè)制作Webjx文章簡(jiǎn)介:縮寫可以幫助減少CSS文件的大小,更加容易閱讀。我看了別人寫的一些css樣式,發(fā)現(xiàn)自己很多時(shí)候?qū)懙囊膊粔蚝?jiǎn)單和規(guī)范。 使用縮寫可2009-04-02CSS語(yǔ)法縮寫規(guī)則-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規(guī)則如下: 顏色 16進(jìn)制的色彩值,如果每?jī)晌坏闹迪嗤?,可以縮寫一半,例如: #000000可以縮寫為#2008-10-31CSS代碼縮寫實(shí)例以及CSS縮寫原因總結(jié)-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
CSS語(yǔ)法在進(jìn)行WEB標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)時(shí)必不可少的,一般情況下我們可以通過(guò)Dreamweaver軟件的“CSS樣式”面板自動(dòng)生成相應(yīng)的CSS代碼。不過(guò)雖然軟件生成的CSS代碼閱讀清2008-10-31CSS縮寫6個(gè)圖例總結(jié)-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
本文將通過(guò)CSS實(shí)例,講解六種縮寫的形式。它們分別是margin和padding、border、background、font、list和color。Webjx.Com以前也有過(guò)類似的文件,但本文的講解更加的清2008-10-31我們需要對(duì)CSS進(jìn)行縮寫的原因-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
在進(jìn)行WEB標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)時(shí),必不可少的是寫入大量的CSS語(yǔ)法,一般情況下我們可以通過(guò)Dreamweaver軟件的“CSS樣式”面板自動(dòng)生成相應(yīng)的CSS代碼。 不過(guò)雖然軟件2008-10-17常用CSS縮寫語(yǔ)法總結(jié)-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規(guī)則如下: 顏色 16進(jìn)制的色彩值,如果每?jī)晌坏闹迪嗤梢钥s寫一半,例如: #000000可以縮寫為#2008-10-17CSS縮寫優(yōu)化CSS文件的體積-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
Web網(wǎng)站可用性的關(guān)鍵指標(biāo)是速度,更確切地說(shuō),是頁(yè)面能以多快的速度出現(xiàn)在訪問(wèn)者的瀏覽器窗口里。影響速度的因素有很多種,包括Web服務(wù)器的速度、訪問(wèn)者的Internet連接情況2008-10-17- 布局過(guò)程中總是離不開css的屬性,在書寫過(guò)程中高手與新手的區(qū)別是很大的,本文整理了一些常見(jiàn)css屬性的縮寫及全寫對(duì)比,喜歡的朋友可以收藏下2013-09-11