CSS，即“Cascading Style Sheet（層疊樣式表）”，是用來控制網(wǎng)頁的外觀的一門技術(shù)。HTML、CSS和JavaScript的關(guān)系如下：“HTML是網(wǎng)頁的結(jié)構(gòu)，CSS是網(wǎng)頁的外觀，而JavaScript是頁面的行為?！?/p>
CSS3是CSS的升級(jí)版本。CSS是從CSS1.0、CSS2.0、CSS2.1和CSS3.0這幾個(gè)版本一直升級(jí)而來，其中CSS2.1是CSS2.0的修訂版，CSS3.0是CSS的最新版本。CSS3.0相對(duì)于CSS2.0來說，新增了很多屬性和方法，最典型的就是你可以直接為文字設(shè)置陰影和為標(biāo)簽設(shè)置圓角。在CSS2.0中，為標(biāo)簽設(shè)置圓角是一件很頭疼的事情。
在HTML中引入CSS共有3種方式：
（1）外部樣式表；
外部樣式表是最理想的CSS引用方式，在實(shí)際開發(fā)當(dāng)中，為了提升網(wǎng)站的性能和維護(hù)性，一般都是使用外部樣式表。所謂的“外部樣式表”，就是把CSS代碼和HTML代碼都單獨(dú)放在不同文件中，然后在HTML文檔中使用link標(biāo)簽來引用CSS樣式表。
當(dāng)樣式需要被應(yīng)用到多個(gè)頁面時(shí)，外部樣式表是最理想的選擇。使用樣式表，你就可以通過更改一個(gè)CSS文件來改變整個(gè)網(wǎng)站的外觀。外部樣式表在單獨(dú)文件中定義，并且在<head></head>標(biāo)簽對(duì)中使用link標(biāo)簽來引用。
說明：外部樣式表都是在head標(biāo)簽內(nèi)使用link標(biāo)簽來引用的。
（2）內(nèi)部樣式表；
內(nèi)部樣式，指的就是把CSS代碼和HTML代碼放在同一個(gè)文件中，其中CSS代碼放在<style></style>標(biāo)簽對(duì)內(nèi)，并且<style></style>標(biāo)簽對(duì)是放在<head></head>標(biāo)簽對(duì)內(nèi)的。
說明：對(duì)于內(nèi)部樣式表，CSS樣式在<style>標(biāo)簽內(nèi)定義，而<style>標(biāo)簽必須放在<head>標(biāo)簽內(nèi)。
（3）內(nèi)聯(lián)樣式表；
內(nèi)聯(lián)樣式表，也是把CSS代碼和HTML代碼放在同一個(gè)文件中，但是跟內(nèi)部樣式表不同，CSS樣式不是在<style></style>標(biāo)簽對(duì)中定義，而是在標(biāo)簽的style屬性中定義。
內(nèi)聯(lián)樣式是在單個(gè)元素內(nèi)定義的，對(duì)于網(wǎng)站來說，冗余代碼很多，而且由于冗余代碼多，每次改動(dòng)CSS樣式都要到具體的標(biāo)簽內(nèi)修改，這樣使得網(wǎng)站的維護(hù)性也非常差。在實(shí)際開發(fā)中，我們一般使用外部樣式表。
id屬性被賦予了標(biāo)識(shí)頁面元素的唯一身份。如果一個(gè)頁面出現(xiàn)了多個(gè)相同id屬性取值，[CSS選擇器]或者JavaScript就會(huì)因?yàn)闊o法分辨要控制的元素而最終報(bào)錯(cuò)。在同一個(gè)HTML頁面中，不允許出現(xiàn)兩個(gè)相同的id。不過要注意一下，在不同頁面是可以出現(xiàn)相同id的元素。
class，顧名思義，就是“類”。它采用的思想跟其他C、Java等編程語言的“類”相似。我們可以為同一個(gè)頁面的相同元素或者不同元素設(shè)置相同的class，然后使得相同的class具有相同的CSS樣式。
如果你要為兩個(gè)元素或者兩個(gè)以上元素定義相同的樣式，建議使用class屬性。id和class就像你的身份證號(hào)和姓名，身份證號(hào)是全國(guó)唯一的，id號(hào)也就是唯一的，class（類名）就是姓名，兩個(gè)人的姓名就有可能一樣。
此外，需要注意一下：
（1）一個(gè)標(biāo)簽可以同時(shí)定義多個(gè)class；
（2）id也可以寫成name，區(qū)別在于name是HTML中的標(biāo)準(zhǔn)，而id是XHTML中的標(biāo)準(zhǔn)，現(xiàn)在網(wǎng)頁的標(biāo)準(zhǔn)都是使用id，所以盡量不要用name屬性；把某一個(gè)你想要的標(biāo)簽選中的方式就是所謂的“選擇器”，也就是說選擇器就是一種選擇元素的方式。選擇器，說白了就是用一種方式把你想要的那一個(gè)標(biāo)簽選中！把它選中了，你才能操作這個(gè)標(biāo)簽的CSS樣式。CSS有很多把你所需要的標(biāo)簽選中的方式，這些不同的方式就是不同的選擇器。
選擇器的不同，在于它選擇方式不同，但是他們的目的都是相同的，那就是把你需要的標(biāo)簽選中，然后讓你定義該標(biāo)簽的CSS樣式。當(dāng)然，你也有可能會(huì)用某一種選擇器代替另一種選擇器，這僅僅是由于選擇方式不一樣罷了，目的還是一樣的。
