CSS的十八般技巧
2007/1/13 23:04:29
翻譯:阿捷
原文作者:Roger Johansson
作者簡介:住在瑞典哥德堡,1994年開始接觸和參與web設計,456 Berea Street是他的住址,因此采用這個名字作為他的個人主頁域名
最近,經常有朋友問我一些工作中遇到的CSS問題。他們總是不能很好的控制CSS,影響CSS的效率發揮。我來分析總結一下錯誤所在,幫助大家更加容易使用CSS。
本文總結了我開始使用CSS布局方法以來所有的技巧和兼容方案,我愿意把這些與你分享,我會重點解釋一些新手容易犯的錯誤(包括我自己也犯過的),如果你已經是CSS高手,這些經驗技巧可能已經都知道,如果你有更多的,希望可以幫我補充。
一.使用css縮寫
使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫語法總結》,這里就不展開描述。
二.明確定義單位,除非值為0
忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width="100",但是在CSS中,你必須給一個準確的單位,比如:width:100px width:100em。只有兩個例外情況可以不定義單位:行高和0值。除此以外,其他值都必須緊跟單位,注意,不要在數值和單位之間加空格。
三.區分大小寫
當在XHTML中使用CSS,CSS里定義的元素名稱是區分大小寫的。為了避免這種錯誤,我建議所有的定義名稱都采用小寫。
class和id的值在HTML和XHTML中也是區分大小寫的,如果你一定要大小寫混合寫,請仔細確認你在CSS的定義和XHTML里的標簽是一致的。
四.取消class和id前的元素限定
當你寫給一個元素定義class或者id,你可以省略前面的元素限定,因為ID在一個頁面里是唯一的,而clas s可以在頁面中多次使用。你限定某個元素毫無意義。例如:
div#content { /* declarations */ }
fieldset.details { /* declarations */ }
可以寫成
#content { /* declarations */ }
.details { /* declarations */ }
這樣可以節省一些字節。
五.默認值
通常padding的默認值為0,background-color的默認值是transparent。但是在不同的瀏覽器默認值可能不同。如果怕有沖突,可以在樣式表一開始就先定義所有元素的margin和padding值都為0,象這樣:
* {
margin:0;
padding:0;
}
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
亚洲jizzjizz在线播放久|
国产chinese91在线|
99爱在线视频这里只有精品|
无码高潮少妇毛多水多水免费|
亚洲同性男gay网站在线观看|
男人把女人桶爽30分钟应用|
国产xvideos在线观看|
欧美成人久久久|
国产麻豆剧果冻传媒星空在线看|
一区二区在线免费视频|
日本三级很黄试看120秒|
亚洲av永久无码精品秋霞电影影院
|
91天堂国产在线在线播放|
婷婷国产成人精品视频|
丰满爆乳无码一区二区三区|
日韩精品无码一区二区三区免费|
亚洲国产精品成人久久久|
激情啪啪精品一区二区|
免费萌白酱国产一区二区|
老司机免费福利午夜入口ae58|
国产午夜在线观看视频播放|
五月婷中文字幕|
国产精品日韩专区|
99久久国产免费中文无字幕|
好吊妞视频这里只有精品|
与子乱刺激对白在线播放|
无码一区18禁3D|
久久亚洲日韩看片无码|
最近高清中文在线国语字幕
|
69式啪啪动图|
在线观看国产福利|
www.天天干|
巨粗挺进女县长|
中国老人倣爱视频|
无码人妻aⅴ一区二区三区|
久久天堂夜夜一本婷婷麻豆|
日韩美女专区中文字幕|
亚洲av福利天堂一区二区三|
欧美一级特黄啪啪片免费看|
亚洲国产综合在线|
丰满人妻一区二区三区视频|