css

網頁的美化，要使用css去設置樣式，css就是層疊樣式表（Cascading Style Sheet）

css的優點：

　　1.內容與表現分離

　　2.網頁的表現統一，容易修改

　　3.豐富的樣式，使頁面佈局更加靈活

　　4.減小網頁的代碼量，增長網頁的瀏覽速度，節省網絡寬帶

　　5.運用獨立於頁面的css，有利於網頁被搜索引擎收錄

css註釋：　　/*   */

css的使用：

　　1.語法規則　

　　　　選擇器{　　　　　　　　　　h1{

　　　　　　　　聲明1;　　　　　　　　　　color（屬性）:#ccc（值）;

　　　　　　　　聲明2;　　　　　　　　　　Font-size:14px;

　　　　　　　　……　　　　　　　　　　　……

　　　　　　　}　　　　　　　　　　　　}

　　2.選擇器

　　　　基本選擇器：也叫標籤選擇器，選擇器的寫法和標籤是一致的，全部的這些標籤會使用統一的樣式

　　　　　　p{　color:red;　}

　　　　類選擇器：

　　　　　　.red{　color:red;　}　　聲明的時候，不要使用「.」。只有在聲明的時候，要使用

　　　　　　<h1 class="red"></h1>

　　　　id選擇器：id選擇器在html中只能使用一次

　　　　　　#bule{　color:blue;　}

　　　　　　<p id="blue"></hp>

　　3.網頁中引用css樣式

　　　　1.內聯樣式：就是要html中的標籤中寫屬性style，再寫css樣式，好比：<p style="color:red;  font-size:14px;"></p>，特色就是它給哪一個標籤加了樣式，哪一個標籤的樣式就會改變樣式，做用範圍是只有特定的標　　                                   籤。缺點是將樣式和html的內容混在一塊兒了。

　　　　2.內部樣式表：直接在html中的title標籤以前直接使用<style type="text/css"></style>這樣直接去寫

　　　　3.外部樣式表　　先建立一個外部的css文件：*.css，把樣式寫在這個文件中，能夠比較自由的給任何一個html中，直接去引用就能夠了。　　　

　　　　　　--連接式　　<link rel="stylesheet" href="css文件路徑">　　建議使用連接式的外部樣式

　　　　　　--導入式　　<style> @import "css文件路徑"; </style>　　　注意「/」要寫在這樣的「/」

連接式和導入式區別：

　　1.<link/>標籤屬於xhtml，@import是屬於css2.1

　　2.使用<link/>連接的css文件先加載到網頁當中，再進行編譯顯示

　　3.使用@import導入的css文件，客戶端顯示html結構，再把css文件加載到網頁當中

　　4.@import是屬於css2.1特有的，對於不兼容css2.1的瀏覽器來講就是無效的。

字體樣式：

　　font-family　　設置字體類型　　font-family:"椽書";

　　font-size　　　設置字體大小　　font-size：12px;

　　font-style　　  設置字體風格　　font-style：italic;

　　font-weight　   設置字體粗細　   font-weight：bold;

　　font　　　　　 在一個聲明中設置全部字體屬性　　font:italic bold 12px "宋體";