【專業技術】CSS作用及用法
CSS目前最新版本為CSS3，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言，CSS能夠對網頁中的物件的位置排版進行畫素級的精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力，並能夠進行初步互動設計，是目前基於文字展示最優秀的表現設計語言。CSS能夠根據不同使用者的理解能力，簡化或者優化寫法，針對各類人群，有較強的易讀性。
如果你要在HTML元素中設定CSS樣式，你需要在元素中設定"id" 和 "class"選擇器。
id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
HTML元素以id屬性來設定id選擇器,CSS 中 id 選擇器以 "#" 來定義。
以下的樣式規則應用於元素屬性 id="para1":
例項
#para1
{
text-align:center;
color:red;
}ID屬性不要以數字開頭，數字開頭的ID在 Mozilla/Firefox 瀏覽器中不起作用。
class 選擇器
class 選擇器用於描述一組元素的樣式，class 選擇器有別於id選擇器，class可以在多個元素中使用。
class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個點"."號顯示：
在以下的例子中，所有擁有 center 類的 HTML 元素均為居中。
例項
123 |
.center{ text-align:center;} |
|---|
你也可以指定特定的HTML元素使用class。
在以下例項中, 所有的 p 元素使用 class="center" 讓該元素的文字居中:
例項
123 |
p.center{ text-align:center;} |
|---|
類名的第一個字元不能使用數字！它無法在 Mozilla 或 Firefox 中起作用。
使用方法編輯
有三種方法可以在站點網頁上使用樣式表：
- 外聯式Linking（也叫外部樣式）：將網頁連結到外部樣式表；
- 嵌入式Embedding（也叫內頁樣式）：在網頁上建立嵌入的樣式表；
- 內聯式Inline（也叫行內樣式）：應用內嵌樣式到各個網頁元素；
其中，優先順序：內聯式 > 嵌入式 > 外聯式
外部樣式表
當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個檔案來改變整個站點的外觀。
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>內部樣式表
當單個檔案需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分通過 <style> 標籤定義內部樣式表。
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}</style>
</head>內聯樣式
當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下例項顯示出如何改變段落的顏色和左外邊距。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>摘自：百度百科（http://baike.baidu.com/link?url=w8JCKYCAqXc-bZ_hWHkfJcgiN_8BwenQISktPnqPqGSIHz-jBIsimGGgOvaGOvQV8LdjWQ0u0S59h0YBqoPY-5Wvft2eAfcByJ-oTz4fxpK）