定義CSS樣式 (三種方式) 一、在head標簽中加載一個CSS文件示例 此例使用了link標簽。 abbr { font-size:12px;}.text10pxwhite { font-size:10px; color: #FFFFFF;} style.css的內容 二、直接把CSS內容寫在HTML文件的head標簽中示例 abbr { font-size: 12px; } .text10pxwhite { font-size: 10px; color: #FFFFFF; } 此例使用了style標簽。 兩種方法是殊途同歸的(但是推薦使用第一種方法). 三、使用style屬性對標簽加載樣式示例

使用css

此例使用了標簽的style屬性。 外部樣式表 當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。 內部樣式表 當單個文件需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分通過 標簽定義內部樣式表。 body {background-color: red} p {margin-left: 20px} 內聯樣式 當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。

This is a paragraph

css設置兩個類名很簡單，需要兩個步驟：

一，樣式表css定義兩個類如下：

.FontRed{color:red;}

.FontSize{font-size:250%}

二，body內引用

<p class="FontRed FontSize">我是紅色變大的字體</p>

class類的使用：

選擇符.類別名 {屬性：值}

類別名將可以在HTML的標識符里引用：

<標識符 class=類別名>網頁內容

類的特性繼承、多態、重載、封裝，所以使用時要考慮優先級！

1：內聯樣式 ：內聯樣式通過style屬性來設置，屬性值可以任意的CSS樣式。

2：內部樣式 ：內部樣式定義在文檔的head部分，通過style標簽來設置。需要使用元素選擇器（p）來關聯樣式和要設置樣式的標簽（p標簽）。

3：外部樣式 ：在文檔外的*.css定義css樣式，然后在文檔的head部分通過link元素引入。

總體來說，CSS具有以下特點：

1.豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設置文本和背景屬性的能力；允許為任何元素創建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。

2.易于使用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個專門的CSS文件中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統一存放，進行統一管理。

另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標簽中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式聲明進行修改。

3.多頁面應用

CSS樣式表可以單獨存放在一個CSS文件中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。

4.層疊

簡單的說，層疊就是對一個元素多次設置同一個樣式，這將使用最后一次設置的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些后來定義的樣式將對前面的樣式設置進行重寫，在瀏覽器中看到的將是最后面設置的樣式效果。

5.頁面壓縮

在使用HTML定義頁面效果的網站中，往往需要大量或重復的表格和font元素形成各種規格的文字樣式，這樣做的后果就是會產生大量的HTML標簽，從而使頁面文件的大小增加。而將樣式的聲明單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時使用的時間也會大大的減少。另外，CSS樣式表的復用更大程度的縮減了頁面的體積，減少下載的時間。