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福利天堂一区二区三| 欧美一级特黄啪啪片免费看| 亚洲国产综合在线| 丰满人妻一区二区三区视频|