CSS2.0中最常用的18條技巧

2024-07-11 08:23:21

字體：大中小

來源：轉載

供稿：網友

　　應用Div 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在一個頁面里是唯一的，而class可以在頁面中多次使用。你限定某個元素毫無意義。例如：

示例代碼 [www.CuoXIn.com]

上一篇：應該如何合理的應用CSS整體布局聲明

下一篇：針對于IE6、IE7、Firefox如何運用CSShack的問題！