精通CSS高級Web標(biāo)準(zhǔn)解決方案讀書筆記-01基礎(chǔ)知識

  1. 在分配ID和類名是盡量與表現(xiàn)方式無關(guān)又碌,想想如果頁面都已表現(xiàn)方式命名,如表單通知都為red類擅腰,當(dāng)要讓通知顯示為黃色時,就不好改了翁潘。所以應(yīng)該以它是什么命名趁冈,而不是“它們的外觀如何”來命名.
  2. 類功能強(qiáng)大但也可能被過度使用或?yàn)E用。css新手常常在幾乎所用東西上添加類拜马,從而試圖更精細(xì)地控制它們nederland樣式渗勘。早期的WYSIWYG編輯器也傾向于在應(yīng)用樣式的每個地方都添加類,這是一個壞習(xí)慣俩莽,稱為‘多類癥’旺坠,在文檔中添加了無意義的代碼。
<h2 class="news-head">this is new head</h2>
<p class="news-text">
  this is news text
</p>
<p class="news-text"><a href='news.php' class="news-link">More</a></p>

這里每個元素被標(biāo)為新聞的一部分扮超。但是不需要這么多取刃,可以將新聞條目放在一部分蹋肮,并加上類名news,從而標(biāo)識整個新聞條目璧疗。

<div class='news'>
<h2>this is new head</h2>
<p>
  this is news text
</p>
<p><a href='news.php'>More</a></p>
</div>

這種方式刪除不必要的類有助于簡化代碼坯辩,從而使頁面跟整潔,更組件化崩侠,大大提高靈活性漆魔。

  1. 文檔類型,DOCTYPE切換和瀏覽模式
    3.1. DTD(文檔類型定義)是一組機(jī)器可讀的規(guī)則却音,它們定義XML或HTML的特定版中中允許什么改抡,不允許什么。在網(wǎng)頁解析時通過這檢查網(wǎng)頁的有效性并采取相應(yīng)措施系瓢。瀏覽器通過DOCTYPE聲明來了解使用哪個DTD由此知道使用HTML的哪個版本阿纤。
    XHTML1.0聲明

    3.2. 瀏覽器模式
    當(dāng)瀏覽器廠商創(chuàng)建與標(biāo)準(zhǔn)兼容的瀏覽器時,他們希望確保向后兼容八拱,所以創(chuàng)建了兩種呈現(xiàn)模式:標(biāo)準(zhǔn)模式和混雜模式阵赠。在標(biāo)準(zhǔn)模式中,瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面肌稻;混雜模式中以寬松的向后兼容的方式清蚀。
    兩種模式的差異,最顯著的是在IE6中爹谭,標(biāo)準(zhǔn)模式下是正確的盒式模型枷邪,在混雜模式下使用老式的專有模型。Opera7和更高版本也在混雜模式中使用老式IE盒式模型诺凡。
    Mozilla和Safari還有第三種模式东揣,‘幾乎標(biāo)準(zhǔn)的模式’,除了在處理表格的方式上有些差異外腹泌,這種模式與標(biāo)準(zhǔn)模式相同嘶卧。
    3.3. DOCTYPE切換
    瀏覽器根據(jù)DOCTYPE是否存在以及使用哪種DTD來選擇呈現(xiàn)方法。如果XHTML文檔包含形式完整的DOCTYPE凉袱,一般以標(biāo)準(zhǔn)模式呈現(xiàn)芥吟。對于HTML4.01文檔,包含嚴(yán)格DTD的DOCTYOE常常導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)专甩。包含過渡DTD和URI的DOCTYPE也是以標(biāo)準(zhǔn)模式呈現(xiàn)钟鸵,但是過渡DTD而沒有URI則以混雜模式呈現(xiàn)。DOVTYPE不存在或形式不正確則以混雜模式呈現(xiàn)涤躲。

小結(jié)

本章了解命名的原則棺耍,html版本,瀏覽器間的差異

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末种樱,一起剝皮案震驚了整個濱河市蒙袍,隨后出現(xiàn)的幾起案子俊卤,更是在濱河造成了極大的恐慌,老刑警劉巖左敌,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件瘾蛋,死亡現(xiàn)場離奇詭異俐镐,居然都是意外死亡矫限,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進(jìn)店門佩抹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來叼风,“玉大人,你說我怎么就攤上這事棍苹∥匏蓿” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵枢里,是天一觀的道長孽鸡。 經(jīng)常有香客問我,道長栏豺,這世上最難降的妖魔是什么彬碱? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮奥洼,結(jié)果婚禮上巷疼,老公的妹妹穿的比我還像新娘。我一直安慰自己灵奖,他們只是感情好嚼沿,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著瓷患,像睡著了一般骡尽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上擅编,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天攀细,我揣著相機(jī)與錄音,去河邊找鬼沙咏。 笑死辨图,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的肢藐。 我是一名探鬼主播故河,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼吆豹!你這毒婦竟也來了鱼的?” 一聲冷哼從身側(cè)響起理盆,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎凑阶,沒想到半個月后猿规,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宙橱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年姨俩,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片师郑。...
    茶點(diǎn)故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡环葵,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出宝冕,到底是詐尸還是另有隱情张遭,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布地梨,位于F島的核電站菊卷,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏宝剖。R本人自食惡果不足惜洁闰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望诈闺。 院中可真熱鬧渴庆,春花似錦、人聲如沸雅镊。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽仁烹。三九已至耸弄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間卓缰,已是汗流浹背计呈。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留征唬,地道東北人捌显。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像总寒,于是被迫代替她去往敵國和親扶歪。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內(nèi)容