Csdn 之"自定義CSS樣式"
1、使用工具：
《1》Firebug： 能方便得出頁面中各個元素的css標記名；
(1) Firebug 的下載、安裝：
<1>開啟火狐(Firefox)瀏覽器；
<2>查詢、安裝Firebug 如下圖；
<3>開啟、使用Firebug 如下圖；
點選瀏覽器右下角的
按鈕開啟Fire面板（如下）
點選Firebug面板左上角的
按鈕，再點選頁面中的元素，則顯示該元素的程式碼（如下）
《2》Dreamweave：能方便、快捷的書寫css樣式；
2、所要了解的知識點：
《1》各種css樣式的優先順序：
頁面中 style="css樣式"
頁面中 <style type="text/css">css樣式</style>
頁面中 <link href="css樣式檔案" type="text/css" rel="stylesheet" />
如上三種css樣式，優先順序為從高到低，即 上面的樣式會覆蓋下面的樣式
Csdn中的自定義css，就是利用上面的優先順序達到自定義，自定義的css會插入到
<style type="text/css">css樣式</style> 中，從而覆蓋原來匯入的css樣式
檔案，達到自定義樣式的效果。但卻不能覆蓋 style="css樣式" 中的樣式，所以
我們會經常遇到 顯示效果 與我們自定義的樣式不一樣 的情況。
《2》css中背景圖片可以通過網路連線：
可以先將要使用的背景圖片上傳到相簿中，然後檢視該圖片的屬性中url,再在css中
background:url(圖片url) ; 將圖片設定為某個元素的背景圖片。
《3》自定義css和匯入的css檔案同時使用：
寫好自定義的css樣式後，我們可以切換不同的風格，來使整體頁面呈現出不同
的效果。
3、自定義css樣式例項（登入、註冊 按鈕效果）：
《1》通過Firebug 或直接 檢視頁面原始檔 得到頁面中登入、註冊的Html程式碼如下：
(1)通過Firebug
(2)通過檢視原始檔
《2》自定義該元素的css樣式 如下：
《3》將如上的自定義css程式碼寫入到自己網頁中 如下：
(1) 點選我的部落格後面的 (配置) 進入部落格設定頁面
(2) 將自定義css程式碼填入到 "自定義css樣式" 下面的文字框，點選 "儲存配置"
完成自定義css樣式設定。 該程式碼的效果如下：
是不是要漂亮些了啊 ，下面自己試試吧！
《4》另一種方法 （通過輸入樣式表）（未用過）
輸入樣式表也是引用一個外部樣式表，但不是通過link元素而是在style區內通過@import語法來引用： @import url（css的url地址）；可以在<style>元素內引用一些輸入樣式表，同時又指定一些只應用於本文件的樣式。但是（Netscape）瀏覽器對輸入樣式表的支援還不普遍，所以建議使用<link>來引用外部樣式表。
舉例：輸入樣式表和嵌入樣式表的聯合使用。
<head>
<style type = “type/css”>
<!--
@import url(corerules.css);
@import url(linkrules.css);
/* a rule specific to this document */
h1{
font : 24pt;
font-family : Sans-Serif;
color : black;
text-align : center;
}
-->
</style>
</head>
由於可以通過在<style type = “type/css”></style>中寫如下程式碼：
@import url(樣式表文件地址);
來匯入樣式表
所以我們可以將自定義的樣式寫在*.css檔案中，假如我有自定義的css檔案csdn.css，那我想使用這個樣式表
則將csdn.css樣式表上傳到網路上,然後在 "自定義css樣式" 下面的文字框中輸入 url(樣式表文件地址)，
點選 “儲存配置” 完成自定義樣式。
4、我的頁面自定義css樣式程式碼：
5、我的頁面效果：
《1》自定義與default面板搭配（當前使用）
《2》自定義與pinktree面板搭配
