CSS語法縮寫規(guī)則
互聯(lián)網(wǎng) 發(fā)布時(shí)間：2008-10-31 22:20:37 作者：佚名 
我要評(píng)論
我要評(píng)論使用縮寫可以幫助減少你CSS文件的大小，更加容易閱讀。css縮寫的主要規(guī)則如下：
顏色
16進(jìn)制的色彩值，如果每?jī)晌坏闹迪嗤?，可以縮寫一半，例如：
#000000可以縮寫為#000;#336699可以縮寫為#369;
盒尺寸
通常有下面四種書寫方法:
property:value1; 表示
使用縮寫可以幫助減少你CSS文件的大小，更加容易閱讀。css縮寫的主要規(guī)則如下： 顏色
16進(jìn)制的色彩值，如果每?jī)晌坏闹迪嗤?，可以縮寫一半，例如：
#000000可以縮寫為#000;#336699可以縮寫為#369; 盒尺寸
通常有下面四種書寫方法: property:value1; 表示所有邊都是一個(gè)值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3 property:value1 value2 value3 value4; 四個(gè)值依次表示top,right,bottom,left
方便的記憶方法是順時(shí)針，上右下左。具體應(yīng)用在margin和padding的例子如下：
margin:1em 0 2em 0.5em; 邊框(border)
邊框的屬性如下： border-width:1px; border-style:solid; border-color:#000;
可以縮寫為一句：border:1px solid #000;
語法是border:width style color; 背景(Backgrounds)
背景的屬性如下： background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0;
可以縮寫為一句：background:#f00 url(background.gif) no-repeat fixed 0 0;
語法是background:color image repeat attachment position;
你可以省略其中一個(gè)或多個(gè)屬性值，如果省略，該屬性值將用瀏覽器默認(rèn)值，默認(rèn)值為： color: transparent image: none repeat: repeat attachment: scroll position: 0% 0% 字體(fonts)
字體的屬性如下： font-style:italic; font-variant:small-caps; font-weight:bold; font-size:1em; line-height:140%; font-family:"Lucida Grande",sans-serif;
可以縮寫為一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
注意，如果你縮寫字體定義，至少要定義font-size和font-family兩個(gè)值。 列表(lists)
取消默認(rèn)的圓點(diǎn)和序號(hào)可以這樣寫list-style:none;,
list的屬性如下: list-style-type:square; list-style-position:inside; list-style-image:url(image.gif);
可以縮寫為一句：list-style:square inside url(image.gif);
相關(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)頁布局者的一個(gè)比較高的要求吧，接下來為網(wǎng)頁愛好者詳細(xì)介紹下，css樣式中常用的縮寫語法，感性的朋有可以參考2013-03-22CSS學(xué)習(xí)之css代碼的簡(jiǎn)寫的十條規(guī)則
網(wǎng)頁制作Webjx文章簡(jiǎn)介：縮寫可以幫助減少CSS文件的大小，更加容易閱讀。我看了別人寫的一些css樣式，發(fā)現(xiàn)自己很多時(shí)候?qū)懙囊膊粔蚝?jiǎn)單和規(guī)范。 使用縮寫可2009-04-02CSS代碼縮寫實(shí)例以及CSS縮寫原因總結(jié)-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
CSS語法在進(jìn)行WEB標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)時(shí)必不可少的，一般情況下我們可以通過Dreamweaver軟件的“CSS樣式”面板自動(dòng)生成相應(yīng)的CSS代碼。不過雖然軟件生成的CSS代碼閱讀清2008-10-31CSS縮寫6個(gè)圖例總結(jié)-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
本文將通過CSS實(shí)例，講解六種縮寫的形式。它們分別是margin和padding、border、background、font、list和color。Webjx.Com以前也有過類似的文件，但本文的講解更加的清2008-10-31CSS常用屬性縮寫實(shí)例-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
CSS代碼簡(jiǎn)化在工作中是非常有益的，也是必要的。在編寫CSS代碼時(shí)，經(jīng)常會(huì)出現(xiàn)冗余的代碼，為了提高代碼的質(zhì)量及文件壓縮到最小，使代碼具有可讀性，不得不把CSS代碼簡(jiǎn)2008-10-31我們需要對(duì)CSS進(jìn)行縮寫的原因-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
在進(jìn)行WEB標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)時(shí)，必不可少的是寫入大量的CSS語法，一般情況下我們可以通過Dreamweaver軟件的“CSS樣式”面板自動(dòng)生成相應(yīng)的CSS代碼。 不過雖然軟件2008-10-17常用CSS縮寫語法總結(jié)-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
使用縮寫可以幫助減少你CSS文件的大小，更加容易閱讀。css縮寫的主要規(guī)則如下： 顏色 16進(jìn)制的色彩值，如果每?jī)晌坏闹迪嗤梢钥s寫一半，例如： #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屬性的縮寫及全寫對(duì)比，喜歡的朋友可以收藏下2013-09-11