前面講的HTML璧针，接下的章節(jié)是CSS
一.CSS
層疊樣式表（Cascading Style Sheets）
CSS可以用來(lái)為網(wǎng)頁(yè)創(chuàng)建樣式表嚷炉，通過樣式表可以對(duì)網(wǎng)頁(yè)進(jìn)行裝飾。
層疊：可以將整個(gè)網(wǎng)頁(yè)想象成是一層一層的結(jié)構(gòu)探橱，層次高的將會(huì)覆蓋層次低的申屹，而CSS就可以分別為網(wǎng)頁(yè)的各個(gè)層次設(shè)置樣式绘证。
二.CSS三種樣式表寫法
第一種：內(nèi)聯(lián)樣式 ，編寫到元素的style屬性中
內(nèi)聯(lián)樣式中只對(duì)當(dāng)前元素內(nèi)容起作用哗讥，不方便復(fù)用迈窟，不方便后期維護(hù)，因此忌栅，開發(fā)中不常使用车酣，常用于小的測(cè)試中。
第二種：內(nèi)部樣式索绪，編寫到head中的style標(biāo)簽里
可以對(duì)CSS選擇器中指定的元素,一起設(shè)置樣式湖员，方便復(fù)用，只對(duì)當(dāng)前頁(yè)面起作用瑞驱，對(duì)其他頁(yè)面不起作用娘摔，在開發(fā)中第二推薦使用開發(fā)樣式。
第三種：外部css文件樣式唤反，編寫到外部CSS文件中
通過link標(biāo)簽將外部的css文件引入到當(dāng)前頁(yè)面中凳寺，完全使結(jié)構(gòu)和表現(xiàn)分離，使樣式表在不同頁(yè)面中使用彤侍，最大限度進(jìn)行復(fù)用肠缨，利用瀏覽器緩存，加快訪問速度盏阶，提高用戶體驗(yàn)晒奕，也是開發(fā)中最推薦使用的方式。
總結(jié):
三.CSS的語(yǔ)法
css注釋格式： /* cs的注釋 /*? 名斟； 作用和HTML注釋類似脑慧，只不過它必須編寫在style標(biāo)簽中，或者是css文件中
css的語(yǔ)法：選擇器 聲明塊
選擇器：-通過選擇器可以選中頁(yè)面中指定的元素砰盐，并且將聲明塊中的樣式應(yīng)用到選擇器對(duì)應(yīng)的元素上闷袒。
聲明塊：-聲明塊緊跟在 選擇器的后邊，使用一對(duì)｛ ｝括起來(lái)岩梳，聲明塊中實(shí)際上就是一組一組的名值對(duì)結(jié)構(gòu)囊骤。這一組一組名值對(duì)我們稱為聲明。在一個(gè)聲明塊中可以寫多個(gè)聲明蒋腮，多個(gè)聲明之間使用 淘捡；隔開，聲明的樣式名和樣式值之間使用 ： 來(lái)連接
例如：p｛ color：red池摧；font-size:50px；｝
總結(jié)：
四.內(nèi)聯(lián)和塊元素
div就是一個(gè)塊元素激况，所謂塊元素就是會(huì)獨(dú)占一行的元素,無(wú)論他的內(nèi)容有多少作彤，他都會(huì)獨(dú)占一整行膘魄。除此之外，還有其他的塊元素例如： p h1 h2 h3...
但是竭讳，div這個(gè)標(biāo)簽沒有任何語(yǔ)義创葡，就是一個(gè)純粹的塊元素，并且不會(huì)為它里面的元素設(shè)置任何的默認(rèn)樣式绢慢，div元素主要用來(lái)對(duì)頁(yè)面進(jìn)行布局的
例如灿渴，
<div style="background-color:red; width:200px;"> 我是一個(gè)div </div>
<div style="background-color:yellow; width:200px;"> 我是一個(gè)div </div>
span是一個(gè)內(nèi)聯(lián)元素（行內(nèi)元素）牍帚，所謂的行內(nèi)元素盐捷，指的是只占自身大小的元素冀瓦，不會(huì)占一行。常見內(nèi)聯(lián)元素：a img iframe span?
同樣棘幸，span沒有任何語(yǔ)義，span標(biāo)簽專門用來(lái)選中文字倦零，然后為文字來(lái)設(shè)置樣式
例如误续，
<span>我是一個(gè)span</span>
<span>我是一個(gè)span</span>
塊元素和內(nèi)聯(lián)元素的作用：
塊元素主要用來(lái)作業(yè)面中的布局扫茅，
內(nèi)聯(lián)元素主要用來(lái)選中文本設(shè)置文本樣式蹋嵌，
一般情況只是用塊元素去包含內(nèi)聯(lián)元素，而不會(huì)使用內(nèi)聯(lián)元素去包含塊元素
注意：
a 元素可以包含任意元素葫隙，但是除了他本身
p元素不可以包含任何其他的塊元素
例如欣尼，
<a href="#">
? ? ?<div style="background="red"; width:200px;"我是一個(gè)div </div>
</a>
總結(jié)：
