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

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

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

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

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

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

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

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

表示層

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

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

行為層

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

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

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

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

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

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

CSS介紹

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

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

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

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

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

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

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

css的優(yōu)勢(shì)

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

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

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

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

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

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