CSS學(xué)習(xí)之css代碼的簡寫的十條規(guī)則
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2009-04-02 19:38:30 作者:佚名
我要評(píng)論

網(wǎng)頁制作Webjx文章簡介:縮寫可以幫助減少CSS文件的大小,更加容易閱讀。我看了別人寫的一些css樣式,發(fā)現(xiàn)自己很多時(shí)候?qū)懙囊膊粔蚝唵魏鸵?guī)范。
使用縮寫可以幫助減少CSS文件的大小,更加容易閱讀。我看了別人寫的一些css樣式,
縮寫可以幫助減少CSS文件的大小,更加容易閱讀。我看了別人寫的一些css樣式,發(fā)現(xiàn)自己很多時(shí)候?qū)懙囊膊粔蚝唵魏鸵?guī)范。
使用縮寫可以幫助減少CSS文件的大小,更加容易閱讀。我看了別人寫的一些css樣式,發(fā)現(xiàn)自己很多時(shí)候?qū)懙囊膊粔蚝唵魏鸵?guī)范。我整理了一些發(fā)上來
1.1:顏色 16進(jìn)制的色彩值,如果每兩位的值相同,可以縮寫一半,例如:#ffffff可以縮寫為#fff;#33dd66可以縮寫為#3d6;
1.2 盒尺寸 盒模型的縮寫剛開始比較難記,可以用順時(shí)針來幫助記憶.
通常有下面四種書寫方法:
margin:上右下左.如:margin:5px 7px 4px 10px;
margin:(上右下左) 如:margin:5px;
margin:(上下)(左右) 如:margin:5px 8px;
margin:上(左右)下 如:margin:5px 8px 10px;
1.3 邊框 語法是border:width style color; 如:border:1px solid #000;
1.4 背景 語法是background:color image repeat attachment position;
例如:background:#d00 url(background.gif) no-repeat fixed 0 0
1.5 字體 類似:font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
如果你縮寫字體定義,至少要定義font-size和font-family兩個(gè)值。
如:最簡單font:12px “SimSun”.
1.6 列表 取消默認(rèn)的圓點(diǎn)和序號(hào)可以這樣寫list-style:none;
語法list-style:square inside url(image.gif);
1.7 0是不需要任何單位的,因?yàn)槿魏螁挝坏?都一樣.例如,margin:0
1.8 css屬性的最后一項(xiàng)”;”號(hào)可以省略。(這個(gè)不建議,以后加屬性不至于出錯(cuò))
1.9 把多余的空格和換行刪掉。
1.10 想不到第10條了。
相關(guān)文章
IE6/IE7/IE8/Firefox的CSS各種兼容margin問題解決辦法
IE6/IE7/IE8/Firefox的CSS各種兼容margin問題解決辦法,需要的朋友可以參考下。確實(shí)不錯(cuò)。2010-07-04- 剛剛看了css教程覺得很形象就貼出來了。想學(xué)習(xí)的朋友可以參考下。2009-10-15
- CSS中的邊界margin的取值也可以為負(fù)值,有時(shí)候我們不敢相信,這是一個(gè)有趣的話題,負(fù)值邊界會(huì)給我們帶來更多新奇的創(chuàng)意,讓我們的工作更具刺激和挑戰(zhàn)。2011-03-13
- 絕對(duì)定位層下margin:auto會(huì)失效,這時(shí)設(shè)置left:50%,然后margin-left的值為層的寬度的一半,就可在達(dá)到margin:auto的效果2011-01-05
- 在將居中顯示時(shí),使用css:#main {margin:0 auto;width:400px;} 此css在firefox下是好的,但是在ie下不起作用。于是開始搜索整理了一下,曬出來和大2012-12-02
- 本文將詳細(xì)介紹css margin屬性,需要了解其妙用的朋友可以參考下2012-11-21
CSS邊距屬性定義是用margin還是用padding的兩者對(duì)比
用CSS做網(wǎng)頁時(shí).邊距用哪個(gè)屬于好呢?是margin屬性還是padding屬性呢.2012-06-12通過css屬性margin:auto讓Div中的Table居中
在div標(biāo)簽中加入text-align:center里面的Table是不會(huì)居中的,在Table中加上 margin:auto就可以實(shí)現(xiàn)居中效果,下面有個(gè)示例,大家可以參考下2014-03-19- margin縮寫想必有很多新手朋友們都不知道吧,善于使用縮寫的朋友可以有效的提高css樣式的書寫效率,看到這里是不是有點(diǎn)心動(dòng)了,下面的示例將會(huì)讓你有所收獲2013-09-05
css中padding和margin的異同點(diǎn)介紹
本文從語法結(jié)構(gòu)、可能取的值、瀏覽器兼容問題等方面為大家介紹下padding和margin的異同點(diǎn)另附截圖,有想學(xué)習(xí)的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-28