CSS樣式表常用小技巧收藏_經驗交流

來源:互聯網
上載者:User
· ul 標籤在 Mozilla 中預設是有 padding 值的,而在 IE 中只有 margin 有值。

· 同一個的 class 選擇符可以在一個文檔中重複出現,而 id 選擇符卻只能出現一次;對一個標籤同時使用 class和 id 進行 CSS 定義,如果定義有重複,id 選擇符做的定義有效。

· 初學可能會碰到這樣一個情況,同樣一個標籤的屬性在 IE 設定成 A 顯示是正常的,而在 Mozilla 裡必須要設成 B 才能正常顯示,或者兩個倒過來。
臨時解決方案:選擇符 {屬性名稱:B !important ; 屬性名稱:A;} //IE7 下無效

· 如果一組要嵌套的標籤之間需要些間距的話,那就留給位於裡面的標籤的 margin 屬性吧,而不要去定義位於外面的標籤的 padding

· li 標籤前面的表徵圖推薦使用 background-image 而不是 list-style-image

· IE 分不清繼承關係和父子關係的差別,全部都是繼承關係。

· 在給你的標籤瘋狂加選擇符的時候,別忘了在 CSS 裡給選擇符加上注釋。 等你以後修改你的 CSS 的時候就知道為什麼要這麼做了。

· 如果你給一個標籤設定了一個深色調的背景圖片和亮色調的文字效果。建議這個時候給你的標籤再設定一個深色調的背景顏色。

· 定義連結的四種狀態要注意先後順序: Link Visited Hover Active

· 與內容無關的圖片請使用 background

· 定義顏色可以縮寫 #8899FF = #89F

· table 在某些方面比其它標籤表現的要好的多。請在需要列對齊的地方用它。

·
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.