區(qū)別：1、HTML是網(wǎng)頁(yè)的結(jié)構(gòu)，CSS是網(wǎng)頁(yè)的樣式。2、HTML由圍繞內(nèi)容的標(biāo)簽組成，而CSS由一個(gè)聲明塊繼承的選擇器組成。3、html和css的注釋格式不同；4、HTML文件可以包含CSS代碼，而CSS樣式表絕對(duì)不能包含HTML代碼。

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

什么是HTML？

HTML，即超文本標(biāo)記語(yǔ)言(Hyper Text Markup Language)，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用。HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言 (markup language)，是網(wǎng)頁(yè)制作所必備的。它包括一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。

HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字，圖形、動(dòng)畫、聲音、表格、鏈接等。

什么是CSS？

CSS（Cascading Style Sheets，層疊樣式表）是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。

HTML與CSS之間的區(qū)別

1、性質(zhì)不同

HTML是描述網(wǎng)頁(yè)內(nèi)容和結(jié)構(gòu)的基本標(biāo)記語(yǔ)言。而，CSS是HTML的擴(kuò)展，它修改了網(wǎng)頁(yè)的設(shè)計(jì)和顯示。

HTML是網(wǎng)頁(yè)的結(jié)構(gòu)，CSS是網(wǎng)頁(yè)的樣式。例如如果把整個(gè)網(wǎng)頁(yè)比喻成一個(gè)人，那么HTML就是骨頭，CSS就是衣服。

2、語(yǔ)法不同

HTML由圍繞內(nèi)容的標(biāo)簽組成。而CSS由一個(gè)聲明塊繼承的選擇器組成。

html語(yǔ)法

• HTML標(biāo)簽 從根本上講是關(guān)鍵字（標(biāo)簽名），用尖括號(hào)括起來(lái)，通常成對(duì)出現(xiàn)。<tagname>內(nèi)容</ tagname>

  

• HTML 元素描述了網(wǎng)頁(yè)上的特定部分。

• 內(nèi)容是網(wǎng)頁(yè)上顯示的文本，鏈接，圖像或其他信息。

• 開始標(biāo)記（<）是一個(gè)HTML元素，用于指示元素的開始。

• 結(jié)束標(biāo)記（>）用于關(guān)閉HTML元素以區(qū)分各個(gè)元素。

css語(yǔ)法

CSS聲明位于大括號(hào)內(nèi)，并且每個(gè)聲明均由兩部分組成：屬性及其值，用冒號(hào)分隔。我們可以在一個(gè)聲明中定義多個(gè)屬性，每個(gè)屬性之間用分號(hào)分隔。

• 選擇器：指示要設(shè)置樣式的HTML元素。

• 聲明：包括用冒號(hào)分隔的財(cái)產(chǎn)和價(jià)值。此外，包圍所有聲明的花括號(hào)被稱為聲明 塊。

• 屬性：表示要更改的元素的各個(gè)方面。

• 值：指定要在所選屬性中應(yīng)用的設(shè)置。

3、注釋的格式不同

HTML注釋格式：

<!--注釋內(nèi)容-->

CSS注釋格式：

/*注釋內(nèi)容*/

4、HTML文件可以包含CSS代碼，而CSS樣式表絕對(duì)不能包含HTML代碼。

即CSS可以在HTML文件中使用，但HTML不能在CSS樣式表中使用。

推薦教程：html視頻教程、css視頻教程