摘要：在元素中使用元素是一個元素，沒有結束標記表示鏈入的是樣式表，在中可省略不寫。一般頁面中，中文用宋體黑體微軟雅黑，英文使用。英文字體要放在最前面，中文字體后面的備選字體用逗號隔開。表示方法可用像素指定或使用或百分數(shù)相對于字體大小指定。

一、基礎介紹

1， css：cascading style sheet 層疊式樣式表
2， 語法：p {background-color:red; } //整個稱為一個規(guī)則

p ： 選擇器，表示將樣式應用到哪些元素

{} ： 把p元素的所有樣式放在大括號之間

background-color:red; ：樣式的屬性:屬性值;

3， 把css加入html中：
1） 在元素中增加樣式標記

2） 創(chuàng)建一個css文件，比如index.css，包含css規(guī)則。
在元素中使用元素：

link是一個void元素，沒有結束標記；

type=”text/css”表示 鏈入的是css樣式表，在html5中可省略不寫。

rel屬性指htm文件與所鏈接的文件之間的關系，鏈接是的樣式表，所以用值stylesheet

4，注釋：/* */
5，css有兩個性質：繼承性，層疊性

二、字體和顏色樣式

CSS提供了很多屬性對字體外觀加以控制。
1， font-family：
例：
font-family: Verdana, Geneva, Arial, sans-serif;
font-family: ” Times New Roman”, ”宋體”, “黑體”;

該屬性可以指定多個字體，用逗號隔開。字體名拼寫不能錯，大小寫要一致，最后一個一般放通用的字體系列名。瀏覽器會查看用戶計算機上是否有第一種字體，如果有，就使用這個字體，如果不可用，就使用后面的備用字體。

如果字體名包含多個單詞，就用引號包圍起來。

font-family設置的字體如果電腦中沒有，則會顯示宋體。一般頁面中，中文用宋體、黑體、微軟雅黑，英文使用Arial
、Times New Roman。英文字體要放在最前面，中文字體后面的備選字體用逗號隔開。

訪問者訪問web頁面上看到的字體取決于他們自己電腦上安裝了哪些字體，除非你使用web字體。

font-family包含5個字體系列：sans-serif、 serif monospace、 cursive、fantasy，每個字體系列都包含大量字體。

字體介紹：

sans-serif 包括沒有襯線的字體【比如Verdana 、Arial Black、 Arial、Geneva】，通常認為該字體在計算機屏幕上更容易識讀

serif 包括有襯線的字體【比如Times、 Times New Roman、 Georgia】，一般新聞報紙的文字排版是這種字體

monospace 字體包含固定寬度的字符【比如Courier、 Courier New】，主要用于顯示軟件代碼

cursive 包括看似手寫的字體【比如Comic Sans、 Apple Chancery】，有時標題會使用這些字體

fantasy：包含有某種風格的裝飾性字體

2， color 文本顏色
web顏色原理：按紅、綠、藍三個分量所占數(shù)量指定。
1）4種指定顏色的方法：

color:silver; 使用顏色名，css中有16個基本顏色，以及150種擴展顏色名

color:rgb(80%, 40%, 0%); 按紅、綠、藍 相對百分比表示

color:rgb(204, 102, 0); 按0-255的紅、綠、藍分量指定

color:#cc6600;用十六進制表示，最常用的方法， cc表示紅色，66表示綠色。如果每一組分量中兩位數(shù)字都相同，可簡寫為color:#c60，如果為color:#cc6610;，則不能簡寫。

2）rgb(255,255,255)是白色， rgb(0,0,0)是黑色。

3， font-size 字體大小
1）有4種表示方法：

font-size:14px;

font-size:150%; 從父元素繼承的一個屬性，是相對于父元素字體大小的百分比

font-size:1.2em; 也是相對度量單位，是父元素字體大小的1.2倍

font-size:small; 用關鍵字指定大小。small大約為12像素。【xx-small、 x-small、 small、 medium 、large、 x-large、 xx-large】

2）使用建議：

選擇一個關鍵字（small或medium）作為body的字體大小，相當于頁面的默認字體大小。使用百分數(shù)或em，相對于body字體大小指定其它元素的字體大小

好處：若想改變頁面的字體大小，只需改變body的字體大小，其它元素都會按比例改變。

4， 其它修飾樣式
1）font-weight:bold; 文本加粗；【normal】
2）font-style:italic; 文本傾斜
3）文本裝飾：為文本增加裝飾性效果，如下劃線、上劃線、刪除線
text-decoration:underline; 下劃線
text-decoration:underline overline; 有一個下劃線和上劃線
text-decoration:none 沒有任何裝飾

5， 簡寫形式
1）font屬性：可以將字號、行高、字體一起設置，行高一定要大于字號；
完整形式：
font: font-style font-variant font-weight font-size/line-height font-family;
可選屬性：font-style font-variant font-weight ，不過它們必須出現(xiàn)在font-size屬性前面。 line-height屬性是可選的。

必須指定的屬性：font-size、font-family。
例：font: 14px/24px “宋體”; ，
等價于：font-size:14px; line-height:24px; font-family:”宋體”;

三、其它常用屬性

1，line-height: 行高。
1）指定文本行之間的垂直間距。文字是在行里居中的，為了保證字在行中居中，一般字號、行高都是偶數(shù)。該屬性可以繼承。

2）表示方法：可用像素指定、或使用em或百分數(shù)（相對于字體大小指定）。

3）line-height有一點特殊，可直接使用一個數(shù)
例：