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