精通CSS高級(jí)Web標(biāo)準(zhǔn)解決方案讀書(shū)筆記-02為樣式找到應(yīng)用目標(biāo)

  1. 常用選擇器(類型選擇器,后代選擇器)
    p #id .class
  2. 偽類
    鏈接偽類:link :visited 動(dòng)態(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)重計(jì)算
    選擇器的特殊性分為4個(gè)等級(jí)a,b,c,d.
    如果是行列樣式,a=1。
    b等于ID選擇器的總數(shù)。
    c等于類,偽類,屬性選擇器的數(shù)量。
    d等于類型選擇器和偽元素選擇器的數(shù)量


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

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

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

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