2014年辛星HTML和CSS教程夏季版

這是辛星的2014年度html和css的教程的夏季版，打造最新最實(shí)用的技術(shù)，我們的目標(biāo)。CSS是Cascading Style Sheets的縮寫，即層疊樣式表，它用于表現(xiàn)HTML的樣式，即HTML只是去寫該網(wǎng)頁有哪些內(nèi)容，至于如何去表現(xiàn)它們，由CSS去定制。

html 是 HyperText Markup Language 的縮寫，即超文本標(biāo)記語言，所謂的超文本，也就是可以包含了圖片、超鏈接等的文本，而不僅僅是只能顯示文字，它是一個標(biāo)記語言，不是一個編程語言，因此大家學(xué)習(xí)起來會非常的快速。

目錄：

前言............................................4

第一部分：HTML 快速掌握

第一節(jié)：HTML 快速入門............................5

第二節(jié)：head 標(biāo)簽和文本標(biāo)簽......................8

第三節(jié)：圖片.....................................11

第四節(jié)：超鏈接...................................16

第五節(jié)：表單.....................................21

第六節(jié)：列表.....................................25

第七節(jié)：區(qū)塊.....................................30

第八節(jié)：小結(jié).....................................32

第二部分：CSS 快速掌握

第一節(jié)：CSS 簡介..................................35

第二節(jié)：CSS 語法快速入門..........................38

第三節(jié)：CSS 中的顏色與文字.......................45

第四節(jié)：超鏈接與列表以及簡單導(dǎo)航欄...............49

第五節(jié)：盒模型...................................52

第六節(jié)：定位.....................................56

第七節(jié)：浮動.....................................65

第八節(jié)：圖片、背景和布局.........................77

2014 年辛星 HTML、CSS 快速入門夏季版

第三部分：CSS 經(jīng)典應(yīng)用

第一節(jié)：導(dǎo)航條.................................84

第二節(jié)：氣泡...................................91

第三節(jié)：面包屑導(dǎo)航..............................100

第四節(jié)：新聞列表................................113

第五節(jié)：結(jié)語....................................120

時代的呼喚：

1.在之前，我們直接把網(wǎng)頁的格式寫到HTML中去，這樣會造成格式的混亂，而且難以閱讀和修改，不過這不是最大的問題，最大的問題在于我們想給網(wǎng)頁換一個表達(dá)樣式的時候，需要修改的地方不僅很多關(guān)鍵是非常零散，需要花費(fèi)很大的力氣去定位這些樣式。

2.于是，把網(wǎng)頁內(nèi)容與其表現(xiàn)形式相分離的想法就出現(xiàn)了，CSS能夠?qū)崿F(xiàn)對網(wǎng)頁中的對象的精確控制，而且支持幾乎所有的字體字號樣式，還擁有對網(wǎng)頁對象和模型樣式進(jìn)行編輯的能力，并且能夠進(jìn)行一定的交互設(shè)計(jì)，因此功能還是比較強(qiáng)大的。

3.CSS的可讀性也很強(qiáng)，稍微熟悉一點(diǎn)英語的，也能夠很輕松的讀懂CSS代碼所要表述的意思，并且取修改它的樣式。

CSS的歷史：

1.1996年12月17日，CSS1發(fā)布，1999年，此推薦被修訂。

2.1999年1月1日，CSS2發(fā)布，并且增加了對媒介和一些字體的支持。

3.2001年5月23日，CSS3發(fā)布，但是只是一項(xiàng)草案，并沒有成為W3C的推薦標(biāo)準(zhǔn)，W3C的推薦標(biāo)準(zhǔn)還是1998年5月12日退出的CSS2.

CSS快速入門：

1.CSS的入門比HTML并不高多少，也是一句話入門，剩下的就是實(shí)戰(zhàn)了。

2.CSS的語法如下：

選擇器{ 聲明1；聲明2；聲明3；.....聲明N}

3.這里的聲明是以 “屬性:值”的形式，而且多個聲明之間用分號進(jìn)行分割，即C語言的語句分隔符。

4.這里的屬性是我們希望設(shè)置的樣式屬性，至于具體的屬性，我們后面會說。

5.先看一個例子：

h1 {color:red; font-size:14px;}

這里的h1就是選擇器，當(dāng)然這里我們直接用標(biāo)簽當(dāng)做選擇器了，后面的color屬性取值為red，而后面的font-size屬性取值為14個像素。

6.其中color：red就可以理解為一個聲明。

7.我們的CSS由多個這樣的規(guī)則組成。