HTML不可以美化網(wǎng)頁。HTML是用來定義網(wǎng)頁內(nèi)容的，例如標(biāo)題、正文、圖像等，它是無法美化網(wǎng)頁的；美化網(wǎng)頁需要使用CSS，CSS是樣式語言，主要用來控制網(wǎng)頁的外觀，例如顏色、字體、背景等。CSS能夠?qū)W(wǎng)頁中的對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計。

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
API 文檔、設(shè)計、調(diào)試、自動化測試一體化協(xié)作工具：點擊使用

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

HTML不可以美化網(wǎng)頁，美化網(wǎng)頁需要使用CSS。

根據(jù)W3C標(biāo)準(zhǔn)，一個網(wǎng)頁主要是由三個部分組成：結(jié)構(gòu)層（HTNL)、表現(xiàn)層（CSS)和行為層（JavaScript）。

結(jié)構(gòu)層

結(jié)構(gòu)層為頁面的骨架，由 HTML 或 XHTML 標(biāo)記語言創(chuàng)建，用于搭建文檔的結(jié)構(gòu)。

HTML 用來定義網(wǎng)頁的內(nèi)容，例如標(biāo)題、正文、圖像等；

表示層

表示層為頁面的樣式，由 CSS （層疊樣式表）負(fù)責(zé)創(chuàng)建，用于設(shè)置文檔的呈現(xiàn)效果。

CSS 用來控制網(wǎng)頁的外觀，例如顏色、字體、背景等；

行為層

行為層為頁面的行為，由 JavaScript 語言創(chuàng)建，用于實現(xiàn)文檔的行為。

JavaScript 用來實時更新網(wǎng)頁中的內(nèi)容，例如從服務(wù)器獲取數(shù)據(jù)并更新到網(wǎng)頁中，修改某些標(biāo)簽的樣式或其中的內(nèi)容等，可以讓網(wǎng)頁更加生動。

簡單來說，JavaScript 與 HTML 和 CSS 共同構(gòu)成了我們所看到的網(wǎng)頁

• HTML 用來定義網(wǎng)頁的內(nèi)容，例如標(biāo)題、正文、圖像等；

• CSS 用來控制網(wǎng)頁的外觀，例如顏色、字體、背景等；

• JavaScript 用來實時更新網(wǎng)頁中的內(nèi)容，例如從服務(wù)器獲取數(shù)據(jù)并更新到網(wǎng)頁中，修改某些標(biāo)簽的樣式或其中的內(nèi)容等，可以讓網(wǎng)頁更加生動。

CSS介紹

CSS 是 Cascading Style Sheet 的縮寫，中文譯為“層疊樣式表”，它是用于控制網(wǎng)頁樣式，并允許將樣式代碼與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言。

簡單地說，CSS 的引入就是為了使得 HTML 語言能夠更好地適應(yīng)頁面的美工設(shè)計。

CSS 是 1996 年由 W3C 審核通過并推薦使用的。CSS 的引入隨即引發(fā)了網(wǎng)頁設(shè)計一個又一個新高潮，使用 CSS 設(shè)計的優(yōu)秀頁面層出不窮。

CSS 以 HTML 語言為基礎(chǔ)，提供了豐富的格式化功能，如字體、顏色、背景和整體排版等，并且網(wǎng)頁設(shè)計者可以針對各種可視化瀏覽器設(shè)置不同的樣式風(fēng)格，包括顯示器、打印機、平板電腦、手機等移動設(shè)備。

CSS主要用來設(shè)計網(wǎng)頁的樣式，美化網(wǎng)頁；它不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁中的對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言。

CSS能夠根據(jù)不同使用者的理解能力，簡化或者優(yōu)化寫法，針對各類人群，有較強的易讀性。

css的優(yōu)勢

（1）節(jié)省時間 ：可以編寫一次CSS，然后在多個HTML頁面中通過外部引入多次重復(fù)使用

（2）大大縮減頁面代碼，提高頁面加載速度，縮減帶寬成本 ：通過使用CSS，就不需要每次都編寫HTML標(biāo)記屬性，只需要編寫一個標(biāo)記的CSS規(guī)則，并將其應(yīng)用于該標(biāo)記的所有實例，因此代碼大大減少也就意味著下載時間短。

（3）易于維護(hù) ：如果要進(jìn)行全局更改，則只需更改樣式，所有網(wǎng)頁中的所有元素都將會自動更新。

（4）多設(shè)備兼容性 ：樣式表允許針對多種不同類型的設(shè)備進(jìn)行優(yōu)化內(nèi)容。

（5）結(jié)構(gòu)清晰，更方便搜索引擎的搜索。用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的內(nèi)容，并可能給你一個較高的評價(ranking)。

（學(xué)習(xí)視頻分享：web前端）