精通CSS高級Web標準解決方案讀書筆記-02為樣式找到應(yīng)用目標

  1. 常用選擇器(類型選擇器,后代選擇器)
    p #id .class
  2. 偽類
    鏈接偽類:link :visited 動態(tài)偽類:hover :active :focus。IE6只注意應(yīng)用錨鏈節(jié)(a)的:hover和:active,完全忽略:focus,而IE7可以在在所有元素上應(yīng)用:hover而忽略:focus與:active
  3. 其他
    子選擇器,相鄰?fù)x擇器(>, ,+),屬性選擇器
  4. 樣式權(quán)重計算
    選擇器的特殊性分為4個等級a,b,c,d.
    如果是行列樣式,a=1。
    b等于ID選擇器的總數(shù)。
    c等于類,偽類,屬性選擇器的數(shù)量。
    d等于類型選擇器和偽元素選擇器的數(shù)量


  5. 規(guī)劃,組織和維護樣式表
    5.1. 為便于維護,一般把樣式表化為幾塊如下:
    一般性樣式(主體樣式,reset樣式,鏈接,標題,其他元素)
    輔助樣式(表單,通知和錯誤,一致的條目)
    頁面結(jié)構(gòu)(標題,頁腳和導(dǎo)航,布局,其他頁面結(jié)構(gòu)元素)
    頁面組件(各個頁面)
    覆蓋
    5.2使用一種風格統(tǒng)一的大注釋塊分隔每個部分
 /* @group general style
 ----------------------------------------------------
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 14,154評論 1 92
  • 1. class 和 id 的使用場景: id:id選擇器,使用#name定義(name為id名,可任意取名),使...
    石林濤閱讀 439評論 0 1
  • 其實平時用得多的選擇器無非也就是那么幾個,時間久了,許多不常用的選擇器就慢慢忘記了。為了不讓自己忘記這些選擇器,今...
    盛夏晚清風閱讀 1,955評論 0 5
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評論 0 1
  • 本文轉(zhuǎn)載自:眾成翻譯譯者:為之漫筆鏈接:http://www.zcfy.cc/article/239原文:http...
    極樂君閱讀 7,545評論 1 62

友情鏈接更多精彩內(nèi)容