1. CSS定義
階層式樣式表（Cascading Style Sheet）簡稱”CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網頁樣式設計的。通過設立樣式表，可以統一地控制HMTL中各標籤的顯示內容。階層式樣式表可以使人更能有效地控制網頁外觀。使用階層式樣式表，可以擴充精確指定網頁元素位置，外觀以及建立特殊效果的能力。
2. CSS如何使用
當讀到CSS時，瀏覽器會根據它來格式化HTML文檔，插入CSS的方法有三種：
2.1 外部樣式表
當樣式需要多頁面重複利用時，要用外部樣式表實現。這樣可以通過改變一個檔案來改變整個網站的外觀。
具體用法：
建立尾碼為css的檔案（這裡我建立的檔案為StyleSheet1.css），在css檔案中編寫css代碼，儲存。
最後在每個要用到此樣式檔案的頁面中使用<link>標籤連結到樣式檔案中的樣式表。<link>標籤應寫在<head>標籤內。實現代碼如下：
<head>
<link href="http://www.cnblogs.com/style/StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>
2.2 內部樣式表
當單個頁面需要特殊的樣式時，使用內部樣式表。
具體用法：
在 <style> 標籤內寫內部樣式表，<style>標籤要寫在<head>標籤內部。範例程式碼如下：
View Code}
<style type="text/css">
html, body
{
height: 100%;
margin: 0;
}
#header
{
width: 96%;
height: 40px;
background: #efdfed;
font-weight: bold;
font-size: 16px;
padding: 15px 0 0 50px;
margin: 0px 2px;
color: Red;
}
#nav
{
width: 96%;
height: 30px;
background: #efdfed;
font-weight: bold;
font-size: 16px;
padding: 12px 0 0 50px;
margin: 5px 2px;
color: Red;
}
#content
{
width: 96%;
height: 42%;
background: #efdfed;
font-size: 16px;
font-weight: bold;
padding: 17% 0 0 50px;
margin: 5px 2px;
color: Red;
}
#footer
{
width: 96%;
height: 30px;
background: #efdfed;
font-weight: bold;
font-size: 16px;
padding: 15px 0 0 50px;
margin: 5px 2px;
color: Red;
}
</style>
<div id="header">header</div>
<div id="nav">nav</div>
<div id="content">content</div>
<div id="footer">footer</div>
2.3 內聯樣式
內聯樣式將表現和內容混雜在一起，這樣會損失掉樣式表的許多優勢，所以一般當樣式僅需要在一個元素上應用一次時採用這種方法。
具體用法：
在標籤內使用style屬性。樣本如下：
<div id="header" style="background: yellow; height: 100px; margin: 5px; line-height: 100px;padding: 5px; float: left;">
header</div>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
