CSS
-
層疊樣式表(Cascading Style Sheets) - css可以用來(lái)為網(wǎng)頁(yè)創(chuàng)建樣式表，通過(guò)樣式表可以對(duì)網(wǎng)頁(yè)進(jìn)行裝飾。
- 所謂層疊，可以將整個(gè)網(wǎng)頁(yè)想象成是一層一層的結(jié)構(gòu)，層次高的將會(huì)覆蓋層次低的。
- 而css就可以分別為網(wǎng)頁(yè)的各個(gè)層次設(shè)置樣式。
基本語(yǔ)法
- CSS的樣式表由一個(gè)一個(gè)的樣式構(gòu)成，一個(gè)樣式又由
選擇器和聲明塊構(gòu)成。 -
語(yǔ)法:
選擇器 {樣式名:樣式值；樣式名:樣式值 ; }
例
p{color:red ; font-size:12px;}
行內(nèi)樣式
- 可以直接將樣式寫到標(biāo)簽內(nèi)部的style屬性中，這種樣式不用填寫選擇器，直接編寫聲明即可。
<p style="color: red;font-size: 30px"></p>
- 這種方式編寫簡(jiǎn)單，定位準(zhǔn)確。但是由于直接將css代碼寫到了html標(biāo)簽的內(nèi)部，導(dǎo)致結(jié)構(gòu)與表現(xiàn)
耦合，同時(shí)導(dǎo)致樣式不能夠復(fù)用，所以這種方式我們不使用。
內(nèi)部樣式表
- 可以直接將樣式寫到
<style>標(biāo)簽中。
<style>
p{color:red;font-size:30px;}
</style>
- 這樣使css獨(dú)立于html代碼，而且可以同時(shí)為多個(gè)元素設(shè)置樣式，這是我們使用的比較多的一種方式。
- 但是這種方式，樣式只能在一個(gè)頁(yè)面中使用，不能在多個(gè)頁(yè)面中重復(fù)使用。
外部樣式表
- 可以將所有的樣式保存到一個(gè)外部的css文件中，然后通過(guò)
<link>標(biāo)簽將樣式表引入到文件中。
<link rel="stylesheet" type="text/css" href="style.css">
- 這種方式將樣式表放入到了頁(yè)面的外部，可以在多個(gè)頁(yè)面中引入，同時(shí)瀏覽器加載文件時(shí)可以使用緩存，這是我們開發(fā)中使用的最多的方式。
