為什麼需要
css樣式表？
在我們在開發**時，我們知道
html
標籤的外觀樣式比較單一，一般顏色只有黑白、字型型別和大小無變化，而樣式表的作用相當於華麗的衣服，使用樣式表使我們的**更漂亮；使用樣式表能實現內容與樣式表分離，同時也方便團隊開發（美工做樣式，程式設計師寫**）。所以我們在開發**時，樣式表是不可缺少的。
接下來我們來看一下怎麼樣使用樣式表，首先來看一下樣式表的基本語法： 注：
為宣告文件樣式表結束
,包含的部分為樣式規則。
樣式規則:
html
選擇器
p 為選擇器
color
為樣式屬性
red
為屬性值
示例：
床前明月光，
疑是地上霜。
我是郭德剛，
低頭思故鄉。
以上**所有的段落都採用
p樣式，保證風格統一，但是如果希望其他的標籤也能採用
p標籤的樣式，怎麼辦？
也就是讓其他標籤和
p標籤應該採用相同的樣式，所以要為它們定義乙個共享樣式。這種樣式我們稱為類樣式（
class
）語法：
樣式規則為
:.類名
示例：
床前明月光，
疑是地上霜。
我是郭德剛，
低頭思故鄉。
注：應用類選擇器，只
可如：
接著我們來看一下常用的樣式屬性，這也是我們做**常用到的。
文字屬性：
文字屬性
說
明
font-size
字型大小
font-family
字型型別
font-style
字型樣式
color
設定或檢索文字的顏色
text-align
文字對齊
示例：
【新聞】
9月1日
·世錦賽劉翔12秒
95奪冠成就大滿貫
·我國實施不安全食品召回制度
遏制非法出口
·中國代表向聯合國通報軍備透明制度舉措
·部落格|
劉翔：最後勝利的感覺真好！
背景屬性：
背景屬性
說
明
background-color
設定背景顏色
background-image
設定背景影象
background-repeat
設定乙個指定的影象如何被重複
可取值
repeat-x
、
repeat
、
no-repeat
、
repeat-y
示例：
方框屬性：
屬
性
css
名稱
說
明
邊界屬性
margin-top
設定物件的上邊距
margin-right
設定物件的右邊距
margin-bottom
設定物件的下邊距
margin-left
設定物件的左邊距
邊框屬性
border-style
設定邊框的樣式
border-width
設定邊框的寬度
border-color
設定邊框的顏色
填充屬性
padding-top
設定內容與上邊框之間的距離
padding-right
設定內容與右邊框之間的距離
padding-bottom
設定內容與下邊框之間的距離
padding-left
設定內容與左邊框之間的距離
示例：
手機衝值
電子彩票
電腦硬體
數位相機
特殊樣式（超連線）
a:link /*
未被訪問的鏈結
紅色*/
a:visited /*
已被訪問過的鏈結
綠色*/
a:hover /*
滑鼠懸浮在上的鏈結
橙色*/
a:active /*
滑鼠點中啟用鏈結
藍色*/
說了這麼多，我們來看下面乙個示例，也是在做**常用的。
按鈕示例：
提交」/>
寫了這麼多，下面我們總的來說一下樣式表的三類應用方式：
內嵌樣式表、行內（嵌入）樣式表、外部樣式表
內嵌樣式使用如下：
注：如果希望本網頁內的所有同類標籤都採用統一樣式，這時應採用內嵌樣式。
行內（嵌入）樣式使用如下：
隸書;">
這個段落應用了樣式
注：某段文字和其他段落文字顯示風格不一樣,
這時應採用行內樣式
,行內樣式使用範圍更小，只適用於某乙個標籤，對其他標籤不起作用
外部樣式的使用如下：
a.鏈結（link ）外部樣式表
使用link（鏈結）標籤:
b.匯入（@import）外部樣式表
使用@import匯入，語法：
注：乙個**中多個頁面的樣式保持一致時，我們採用外部樣式表
希望給初學者帶來幫助。
開發可定製個性化頁面
對於web開發者來說，開發使用者可定製的網頁是現在比較流行的，目的是讓使用者當家作主參與到我們的專案中來。比如google可定製的個性化主頁，可以自己隨意拖動 設定網頁各個區域的樣式 位置等。這種技術都是通過大量的指令碼來實現的，對開發人員費時費力。在asp.net 2.0中，我們可以使用webpa...
開發可定製個性化頁面
對於web開發者來說，開發使用者可定製的網頁是現在比較流行的，目的是讓使用者當家作主參與到我們的專案中來。比如google可定製的個性化主頁，可以自己隨意拖動 設定網頁各個區域的樣式 位置等。這種技術都是通過大量的指令碼來實現的，對開發人員費時費力。在asp.net 2.0中，我們可以使用webpa...
部落格園個性化樣式設定（一）
這只是上半部分，下半部分傳送門 1 進入的設定介面 2 進入 部落格側邊欄 點選 申請js許可權 3 編寫申請內容 順便提供例子 1 尊敬的管理員 請問是否可以幫我開通js許可權，我想對文章的樣式和布局需要js 進行調整外觀。謝謝您的幫助。2 尊敬的管理員 您好，我希望用js美化下我的部落格頁面，麻...