css 層疊樣式表
一娄徊、三種css樣式使用方式
1.內(nèi)聯(lián)樣式
將css的樣式直接用在頁面元素中闽颇，直接作用于這個元素。
缺點：
- 不符合結(jié)構(gòu)～表現(xiàn)～行為三分離的原則
- 這種形式不方便于復用
<p style ="color :
blue; font -size: 20px; ">
我是圓圓的爸爸寄锐，希望圓圓順利誕生兵多！</p >
注意：
- 內(nèi)聯(lián)樣式以style為開頭后接引號，引號內(nèi)也要符合名值結(jié)構(gòu)橄仆，賦值完畢無論幾個屬性值都要使用分號結(jié)束
- 該樣式有且只能作用于該元素剩膘，不能作用于其他元素
2.內(nèi)部樣式
將css屬性值放置于head元素中，通過選擇器作用于網(wǎng)頁盆顾。
<head >
<style type ="text/css ">
p{
color: red;
font-size: 20px;
}
</style >
</head >
<body>
<p>我是圓圓的爸爸怠褐，希望圓圓能順利誕生</p >
</body >
注意：
- 此處的p 就是css 的選擇器，通過確定p 為選擇器您宪，網(wǎng)頁中所有的p標簽均變?yōu)樵O(shè)置的樣式
- 內(nèi)部樣式有且只能作用于當前頁面
- 注意選擇器的表達規(guī)則奈懒，也是屬于名值結(jié)構(gòu)，同時屬性值之后加分號結(jié)尾
3.外部樣式
將css寫入一個獨立的css文件宪巨，然后通過link標簽將其引入作用于當前頁面
優(yōu)點：
- 通過獨立的css文件引入當前目錄磷杏，可以最大限度地實現(xiàn)了結(jié)構(gòu)和表現(xiàn)分離，復用性最高
- 可以充分利用瀏覽器的緩存捏卓，加快訪問速度
css文件极祸，命名為style.css 具體內(nèi)容如下：
p {
color: red;
font-size: 20px ;
}
在獨立的css 文件中不需要加<style >標簽
當前頁面引入的方法：
<head>
<link rel ="stylesheet" type ="text/css
href = "style.css ">
</head>
前兩個屬性值是固定的，最后一個才是引入外部樣式表
二、css的語法
語法結(jié)構(gòu)=選擇器＋聲明塊
大括號之前的元素為選擇器遥金，是css發(fā)生作用的元素對象
大括號里面是聲明塊浴捆，由一個一個聲明組成
聲明塊實際上就是名值組合，一個名值結(jié)構(gòu)就是一個聲明稿械，一個聲明塊可以有無數(shù)個聲明
多個聲明用分號隔開选泻，名值之間用冒號連接
注意：
內(nèi)部樣式和外部樣式代碼屬于css 代碼也就是說內(nèi)部樣式中的代碼不屬于html代碼，不能使用html代碼的注釋形式（） 此時注釋應該使用（/* */）
