摘要：文件的編碼格式頁面的編碼格式設(shè)置當(dāng)前頁面的編碼格式在瀏覽器運(yùn)行當(dāng)前頁面時，告訴瀏覽器當(dāng)前的編碼格式字符集概念存放所使用的所有的字符漢字分類美國歐洲中國萬國碼主要使用計(jì)算機(jī)的存儲方式利用二進(jìn)制方式和中國存儲將

文件的編碼格式 - UTF-8

HTML頁面的編碼格式 - UTF-8

設(shè)置當(dāng)前HTML頁面的編碼格式

在瀏覽器運(yùn)行當(dāng)前HTML頁面時，告訴瀏覽器當(dāng)前的編碼格式

字符集

概念 - 存放所使用的所有的字符（漢字）

分類

ANSI - 美國

ISO-8859-1 - 歐洲

GBK - 中國

GB2312

Unicode - 萬國碼

UTF-8 - 主要使用

UTF-16

計(jì)算機(jī)的存儲方式

利用二進(jìn)制方式 - 1和0

中國

存儲 - 將漢字 "中國" 轉(zhuǎn)換成 二進(jìn)制 進(jìn)行存儲 - GBK

讀取 - 將 二進(jìn)制 轉(zhuǎn)換成 "中國" 進(jìn)行顯示 - UTF-8

CSS內(nèi)容:

注意

只編寫 HTML 頁面時

提供的不同的標(biāo)簽，在瀏覽器運(yùn)行時 - 不同的樣式（效果）

在不同的瀏覽器中，相同標(biāo)簽顯示的樣式（效果）不同

瀏覽器對 HTML 頁面的標(biāo)簽進(jìn)行解析

不同的瀏覽器，解析方式有差異 - 最終顯示的樣式不同

在不同瀏覽器中，樣式不同的問題

通過 CSS 方式進(jìn)行解決

第一個瀏覽器的兼容問題

在不同瀏覽器中，顯示的樣式不同

概念

CSS全稱為 Cascading Style Sheets，譯為 層疊樣式表

作用 - 設(shè)置 HTML 頁面中標(biāo)簽在瀏覽器中的顯示效果

特點(diǎn) - 實(shí)現(xiàn)了 HTML 頁面的 結(jié)構(gòu)與樣式 的分離

結(jié)構(gòu) - 通過 HTML 的標(biāo)簽完成

樣式 - 通過 CSS 內(nèi)容完成

版本

96 年推出第一版本

98 年推出第二版本

目前是第三版本 - 最新版本
*如何使用 CSS

第一種方式 - 內(nèi)聯(lián)樣式 - 優(yōu)先級別更高

通過設(shè)置 HTML 標(biāo)簽的標(biāo)準(zhǔn)屬性 style 完成 CSS 樣式

問題 - HTML 結(jié)構(gòu)與 CSS 樣式的耦合度很高

第二種方式 - 內(nèi)聯(lián)樣式

通過設(shè)置 HTML 標(biāo)簽的標(biāo)準(zhǔn)屬性 class 完成 CSS 樣式進(jìn)行關(guān)聯(lián)

通過 標(biāo)簽中，定義