分享25個CSS前端網頁設計經常使用技巧

一、ul標籤在Mozilla中默認是有padding值的，而在IE中只有margin有值。
二、同一個的class選擇符能夠在一個文檔中重複出現，而id選擇符卻只能出現一次;對一個標籤同時使用class和id進行CSS定義，若是定義有重複，id選擇符作的定義有效，是由於ID的權值要比CLASS大。
三、一個兼容性調整(IE和Mozilla)的笨辦法：初學可能會碰到這樣一個狀況：一樣一個標籤的屬性在IE設置成A顯示是正常的，而在Mozilla裏必需要設成B才能正常顯示，或者兩個倒過來。
臨時解決方法：選擇符{屬性名:B !important;屬性名:A}
四、若是一組要嵌套的標籤之間須要些間距的話，那就留給位於裏面的標籤的margin屬性吧，而不要去定義位於外面的標籤的padding
五、li標籤前面的圖標推薦使用background-image，而不是list-style-image。
六、IE分不清繼承關係和父子關係的差異，所有都是繼承關係。
七、在給你的標籤瘋狂加選擇符的時候，別忘了在CSS裏給選擇符加上註釋。 等你之後修改你的CSS的時候就知道爲何要這麼作了。
八、若是你給一個標籤設置了一個深色調的背景圖片和亮色調的文字效果。建議這個時候給你的標籤再設置一個深色調的背景顏色。
九、定義連接的四種狀態要注意前後順序: Link Visited Hover Active
十、與內容無關的圖片請使用background
十一、定義顏色能夠縮寫#8899FF=#89F
十二、table在某些方面比其它標籤表現的要好的多。請在須要列對齊的地方用它。