css樣式表指的是層疊樣式表（Cascading Style Sheets），簡(jiǎn)稱CSS，是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言，是用來(lái)表示html樣式的一種編程語(yǔ)言，是可以做到網(wǎng)頁(yè)和內(nèi)容進(jìn)行分離的一種樣式語(yǔ)言。

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

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ǔ)言，是用來(lái)表示html樣式的一種編程語(yǔ)言，是可以做到網(wǎng)頁(yè)和內(nèi)容進(jìn)行分離的一種樣式語(yǔ)言。

CSS主要用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的樣式，美化網(wǎng)頁(yè)；它不僅可以靜態(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ì)象和模型樣式編輯的能力。

css的組成

css定義由三部分內(nèi)容組成：選擇符，屬性，屬性值

選擇符{屬性:屬性值;}

1、選擇符:又稱選擇器，所有HTML語(yǔ)言中的標(biāo)記都是通過(guò)不同的css選擇器進(jìn)行控制的。

2、屬性:主要包括字體屬性、文本屬性、背景屬性、布局屬性、邊界屬性、列表項(xiàng)目屬性、表格屬性等內(nèi)容。其中一些屬性只有部分瀏覽器支持，因此使css屬性的使用變得更加復(fù)雜

3、屬性值:為某屬性的有效值。屬性與屬性值之間用":"分號(hào)隔開(kāi)。當(dāng)有多個(gè)屬性時(shí)，使用";"分隔。

舉例:

<style> h2{ font-family:宋體; color:red; } </style>

（學(xué)習(xí)視頻分享：css視頻教程）

注：h2 為選擇器；font-family 為屬性；“宋體”為屬性值

css選擇器

常用的有標(biāo)記選擇器，類別選擇器，id選擇器等。

1）標(biāo)記選擇器(又叫元素選擇器，類型選擇器)

what:HTML頁(yè)面是由很多標(biāo)記組成的，例如圖像標(biāo)記<img>、超鏈接標(biāo)記<a>、表格標(biāo)記<table>等。而css標(biāo)記選擇器就是聲明頁(yè)面中哪些標(biāo)記采用css樣式。

舉例:

<style> a{ font-size:9px; color:#F93; } <style>

2）類別選擇器

格式： 點(diǎn)(.)+類別名稱

使用標(biāo)記選擇器有局限性。如果聲明標(biāo)記選擇器，那么頁(yè)面中所有該標(biāo)記內(nèi)容都會(huì)發(fā)生變化。假設(shè)頁(yè)面中有3個(gè)<h2>標(biāo)記，若想每個(gè)<h2>的顯示效果都不一樣，則可以使用類別標(biāo)記器。

• 類別選擇器的HTML標(biāo)記，只需使用class屬性來(lái)聲明即可。

• 在HTML標(biāo)簽中，可以應(yīng)用多種類別選擇器，這樣可以使HTML同時(shí)加載多個(gè)類別選擇器的樣式。在多種類別選擇器之間用空格進(jìn)行分割，例如:<h2 class="one two">。

3）id選擇器

id選擇器是通過(guò)HTML頁(yè)面中的id屬性來(lái)選擇添加樣式，與類別選擇器基本相同。

格式："#"+id 屬性值

命名id選擇器要以"#"號(hào)開(kāi)始，后加HTML標(biāo)記中的id屬性值。