網(wǎng)站重構和css編程進階-展示頁
2024-08-16 13:43本頁面
【正文】 CSS基礎 1. 糟糕的代碼和優(yōu)秀的代碼 2. 什么時候使用 ID，什么時候使用 Class 3. 錯誤的命名和正確的命名 4. 塊級標簽和內(nèi)聯(lián)標簽 5. 瀏覽器模式和文檔類型聲明 6. CSS定義的優(yōu)先級順序和繼承關系 糟糕的代碼和優(yōu)秀的代碼 * a. 糟糕的代碼：沒有意義的標簽，結構和表現(xiàn)部分混雜在一起，不可讀。網(wǎng)站重構和 CSS編程進階 鳳凰網(wǎng)技術中心 應用管理部 一、網(wǎng)站重構 1. Web標準的定義 2. 為什么要使用 Web標準 3. 結構、表現(xiàn)和行為 Web標準的定義 Web標準就是結構化的語言 (XHTML和XML),解釋性語言 (CSS)，對象模型(DOM)和腳本語言 (ECMAScript)。更形象的理解就是結構，表現(xiàn)和行為相分離。 b. 優(yōu)秀的代碼：具有語義，結構和表現(xiàn)相分離，可讀，優(yōu)雅。 b. Class： 用于可以重用的區(qū)塊或者定義。 錯誤的命名和正確的命名 塊級標簽和內(nèi)聯(lián)標簽 a. 塊級標簽需要折行， display默認屬性為 block，典型如 div， h1， ul等；可以設置寬，高； b. 內(nèi)聯(lián)標簽不會折行， display默認屬性為 inline，典型如 span， a， strong等；不能設置寬高，但是可以設置行高 。 !DOCTYPE html PUBLIC //W3C//DTD XHTML Transitional//EN html xmlns= CSS優(yōu)先級循序和繼承關系 ： p{} div p{} {} ment{} divcontent container content{} style=”” ： 子定義會繼承父定義 ， 但會覆蓋父定義的內(nèi)容 。 height:200px。 border: 10px solid blue。 } IE和 FF的盒模型解析差異 * a. FF的差異 IE和 FF的盒模型解析差異 FF的差異 結論： FF區(qū)塊實際寬度
教學課件相關推薦
鄂ICP備17016276號-1