一、概念：
階層式樣式表（Cascading Style Sheet）簡稱“CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網頁風格設計的
二、常見用法
1. 可給頁面中所有同一標籤元素進行加樣式如：
<div>div地區1</div>
<div>div地區1</div>
姓名：<input type="text" />成績：<input type="text" />
可在此頁面的 head標籤中，加入標籤
<style type="text/css">
div{
border:#F90 dashed 2px;
height:200px;
width:400px;
}
input {
border:none;
border-bottom:#000 1px solid;
}
.haha{ /* 樣式名前加了一個點.號， 代表這個樣式是給網頁中特定的元素 元素是定義是 class屬性， class="haha" */
border:none;
}
#userBirth{ /* 樣式名前加了一個井#號，代表這個樣式是給頁面中特定的元素 元素是定義了id屬性，且id="userBirth" 一樣這種用法比較少，因id給js用的多。沒必要一個id就是一個樣式的，很多多情況下用class，多個標籤一起用一個樣式， 擴充性高。修改方便。 */
border:none;
border-bottom:#000 1px solid;
}
</style>
二、css檔案可以，單獨寫到一個普通文字檔保證起來，用到時可在<head>標籤中載入出來如：
<head>
<style type="text/css">
<link rel="stylesheet" href="http://www.php1.cn/"> @import import url(2.css); /* 將外邊的2.css文本匯入進來 */
</style>
</head>
三、超連結的幾種樣式
超連結有四種狀態可指定，分別是a:link(未訪問前)、a:hover(滑鼠放入未點擊前)、a:active(滑鼠放入點擊中未鬆開滑鼠)、a:visited(訪問後)四種。 其中一般是建議
a:link與a:active是一組，用一個樣式。a:hover,a:active是一組用另一個樣式。如：
a:link{
background-color:#06F;
color:#FFF;
text-decoration:none; /* text-decoration 為none 底線沒了 */
font-size:18px;
}
a:hover{
background-color:#FFF;
color:#F00;
font-size:24px;
} ...等等。
四、標籤 css中的優先順序
可以為標籤div ，指定一個ID，Class，或直接用style來搞，如下面：
<div class="haha" id="qq">這是一個div地區2</div>
那麼優先順序是什麼呢：：標籤選取器<類別選取器<id選取器<style屬性
五、簡單div樣式介紹
#div_1{
/*border-bottom:#F60 2px dashed;*/ /* border-botton，可以對div的下邊框單據進行設定樣式，一般是顏色、字型大小(如2px 2個像素)、邊框線形(如 dashed 虛線吧) */
background-color:#F90;
/*padding:20px 100px 200px 300px;上 右 下 左
margin:0px;*/ /* padding 內容與邊框距離， margin此邊框與外面的div或body的距離 */
float:left; /* float是浮動著，原位置移動後，下面的標籤會頂過來。如這個float:left，將把標籤內部浮動在左邊，那原來的下面的文本可直接流向右邊了，下面的div會擠進來. position 是定位，可絕對來定位掉，定位後原來的位置會被其它的標籤佔用掉，因為一旦被position了那就被從文字資料流中拉出去了，不屬於普通文字資料流不佔用普通文檔流的位置。 */
}
圖文混排，就用要到css 樣式中的 float:left，這樣原本圖片下面的文本，就自動流向了圖片右邊了。
