CSS
層疊樣式表
css可以用來為網(wǎng)頁創(chuàng)建樣式表痊远，通過樣式表可以對網(wǎng)頁進(jìn)行裝飾
所謂層疊屹电，可以將整個網(wǎng)頁相象成是一層一層的結(jié)構(gòu)骤星，層次高的將會覆蓋層次低的
而css就可以分別為網(wǎng)頁的各個層次設(shè)置樣式
基本語法
CSS的樣式表由一個一個的樣式構(gòu)成器瘪，一個樣式又由選擇器和聲明塊構(gòu)成
語法：
選擇器{樣式名：樣式值又谋；樣式名：樣式值}
P{color:red;font-size:12px;}
行內(nèi)樣式
可以直接將樣式寫道標(biāo)簽內(nèi)部的style屬性中，這樣樣式不用填寫選擇器娱局，直接編寫聲明即可
<p style="color:red;font-size:30px"></p>
1
這種方式編寫簡單彰亥，定位準(zhǔn)確。但是由于直接將CSS代碼寫道了html標(biāo)簽的內(nèi)容衰齐，導(dǎo)致結(jié)構(gòu)與表現(xiàn)耦合任斋，同時導(dǎo)致樣式不能夠復(fù)用，所以這種方式我們不使用
內(nèi)部樣式表
可以直接將樣式寫到< style >標(biāo)簽中
<style>
p{
color:red;font-size:30px;
}
</style>
這樣使CSS獨立于html代碼耻涛，而且可以同時為多個元素設(shè)置樣式废酷，這是我們使用的比較多的一種方式
但是這種方式，樣式只能在一個頁面中使用抹缕，不能在多個頁面中重復(fù)使用
外部樣式表
可以將所有的樣式保存到一個外部的CSS文件中澈蟆，然后通過< link >標(biāo)簽將樣式表引入到文件中
<link rel="stylesheet" type="text/css" href="style.css">
1
這種方式將樣式表放入到了頁面的外部，可以在多個頁面中引入卓研，同時瀏覽器加載文件時可以使用緩存趴俘，這是我們開發(fā)中使用的最多的方式
選擇器
元素選擇器
元素選擇器（標(biāo)簽選擇器）睹簇，可以根據(jù)標(biāo)簽的名字來從頁面中選取指定的元素
語法：標(biāo)簽名{ }
比如p則會選中頁面中的所有p標(biāo)簽，h1會選中頁面中的所有h1標(biāo)簽
類選擇器
類選擇器寥闪，可以根據(jù)元素的class屬性值選取元素
語法：.className{ }
比如.hello會選中頁面所有class屬性為hello的元素
ID選擇器
ID選擇器太惠，可以根據(jù)元素的id屬性值選取元素
語法：#id{ }
比如#box會選中頁面中id屬性值為box的元素，和class屬性不同疲憋，id屬性使不能重復(fù)的
復(fù)合選擇器（交集選擇器）
符合選擇器凿渊，可以同時使用多個選擇器，這樣可以選擇同時滿足多個選擇器的元素
語法：選擇器1選擇器2{ }
例如div.box1會選中頁面中具有box1這個class的div元素
群組選擇器（并集選擇器）
群組選擇器缚柳，可以同時使用多個選擇器埃脏，多個選擇器將被同時應(yīng)用指定的樣式
語法：選擇器1，選擇器2秋忙，選擇器3{ }
比如p,hello,#box會同時選中頁面中p元素剂癌，class為hello的元素，id為box的元素
通用選擇器
通用選擇器翰绊，可以同時選中頁面中的所有元素
語法： *{ }
HTML族譜
標(biāo)簽之間的關(guān)系
祖先元素
直接或間接包含后代元素的元素
后代元素
直接或間接被祖先元素包含的元素
父元素
直接包含子元素的元素
子元素
直接被父元素包含的元素
兄弟元素
擁有相同父元素的元素
后代選擇器
后代選擇器可以根據(jù)標(biāo)簽的關(guān)系佩谷，為處在元素內(nèi)部的代元素設(shè)置樣式
語法：祖先元素 后代元素 后代元素{ }
比如p strong會選中頁面中所有的p元素內(nèi)的strong元素
課后擴展
內(nèi)聯(lián)框架
<iframe src="" name=""></iframe>
1
其中src使用的是相對路徑
1
居中標(biāo)簽< center >< /center>
錨鏈接（具體操作可以根據(jù)下一章內(nèi)容查看）
