在使用HTML定義頁面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會產(chǎn)生大量的HTML標(biāo)簽，從而使頁面文件的大小增加而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁面的體積；CSS比HTML具有更廣泛的表示能力，并且對網(wǎng)頁的布局提供了更好的控制因此，與HTML表示元素和屬性相比，您可以更好地查看您的網(wǎng)頁5多設(shè)備兼容性 CSS還允許為多種設(shè)備或媒體優(yōu)化網(wǎng)頁使用CSS，可以為不同的呈現(xiàn)設(shè)備如；支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言CSS能夠根據(jù)不同使用者的理解能力，簡化或者優(yōu)化寫法，針對各類人群，有較強(qiáng)的易讀性；當(dāng)在XHTML中使用CSS，CSS里定義的元素名稱是區(qū)分大小寫的為了避免這種錯誤，我建議所有的定義名稱都采用小寫class和id的值在HTML和XHTML中也是區(qū)分大小寫的，如果你一定要大小寫混合寫，請仔細(xì)確認(rèn)你在CSS的定義和XHTML里的標(biāo)簽是一致。

外部樣式表是CSS應(yīng)用中最好的一中形式，它將CSS樣式代碼單獨(dú)放在一個外部文件中，再由網(wǎng)頁進(jìn)行調(diào)用多個網(wǎng)頁可以調(diào)用一個樣式文件表，這樣能夠?qū)崿F(xiàn)代碼的最大限度的重用及網(wǎng)站文件的最優(yōu)化配置，格式如下lthtmlltheadlttitle；class和id的值在HTML和XHTML中也是區(qū)分大小寫的，如果你一定要大小寫混合寫，請仔細(xì)確認(rèn)你在CSS的定義和XHTML里的標(biāo)簽是一致的12id和class的使用及區(qū)別我們知道在樣式表定義一個樣式的時候，可以定義id，也可以定義class，例如ID方法；6提高易用性使用CSS可以結(jié)構(gòu)化HTML7可以一次設(shè)計，隨處發(fā)布8更好的控制頁面布局9表現(xiàn)和內(nèi)容相分離將設(shè)計部分剝離出來放在一個獨(dú)立樣式文件中，你可以減少未來網(wǎng)頁無效的可能10更方便搜索引擎的搜索用只。

你需要去了解一下HTMLCSSjavascript 的關(guān)系，就不會這樣問了HTML跟普通的文本沒有什么兩樣，只是在瀏覽器中能夠被解釋成不同的可視元素，這些可視元素具有默認(rèn)的css樣式其中大部分的樣式是可以重寫css更改的css就；1使用css定義文字字體顏色尺寸頁面排版避免使用css，又在課間文字部分用style或者font在定義一遍字體，尺寸等這樣都屬于沒有必要的代碼2使用外部文件將css和js放在外部文件中，頁面html中只要放一樣代碼調(diào)用；前端的三個基本組成部分，HTML+CSS+JAVASCRIPT，概念上先幫你解釋一下HTML超文本標(biāo)記語言英語HyperTextMarkupLanguage，簡稱HTML是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言HTML是一種基礎(chǔ)技術(shù)，常與CSSJavaScript一起被；網(wǎng)站設(shè)計不僅關(guān)乎表面的美觀，更在于背后的優(yōu)化工作除了對網(wǎng)站結(jié)構(gòu)和代碼進(jìn)行優(yōu)化，內(nèi)容亦需細(xì)致打磨特別是在圖片選擇和優(yōu)化上，這幾點(diǎn)你一定不能錯過#xF5BC#xFE0F圖片大小適中確保圖片大小適中，不僅指在CSS和HTML中的調(diào)整，更包括服務(wù)器端的。

精簡代碼又分五個小步驟1清理垃圾代碼2html標(biāo)簽轉(zhuǎn)換3CSS優(yōu)化4js優(yōu)化以及表格優(yōu)化11 垃圾代碼是指那些在刪除的情況下也不會影響頁面正常顯示的非必要代碼不要小看這些代碼，他占據(jù)了很大的空間，不僅影響性能；以下是一些常見的樣式優(yōu)化方法1 設(shè)置列表樣式類型為沒有列表項(xiàng)標(biāo)記，設(shè)置填充和邊距0px瀏覽器兼容性2 設(shè)置ul中所有l(wèi)i的圖像URL，并設(shè)置它只顯示一次無重復(fù)3 用paddingleft屬性把文本置于列表中；2HTML標(biāo)簽轉(zhuǎn)換3CSS優(yōu)化4JS優(yōu)化下面簡單介紹上述各方面的典型例子一“垃圾代碼清理”將頁面中無用的代碼刪除之后，頁面不會有任何影響1常見的垃圾代碼一般包括各種網(wǎng)頁制作軟件在制作網(wǎng)頁時默認(rèn)生成的無用代碼，比如無；前端開發(fā)如果你已經(jīng)清楚的理解了HTML規(guī)范中DOCTYPE文檔描述的意義和不同瀏覽器在css展示上面的差異，并且能夠完成一些基本的js交互，恭喜你，你是一個飯碗有保障的前端開發(fā)了在大部分的小公司里面，你能完成到這個階段就是。

而使用DIV+CSS的制作方法，將所有頁面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差 五更好地被搜索引擎收錄 由于將大部分的HTML代碼和內(nèi)容樣式寫入了CSS文件中，這就使得網(wǎng)頁中正文部分；div 是標(biāo)簽 css是層疊樣式表css樣式div css高級布局已逐漸流行，但面對所謂div+css布局的叫法讓人更為擔(dān)心，不要讓div成為table的替代品，多層嵌套的div會嚴(yán)重影響代碼的可閱讀性，活用html為我們提供的標(biāo)簽吧div+css。