css入門

一、概念：
級聯樣式表（Cascading Style Sheet）簡稱“CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網頁風格設計的
二、常見用法
1 . 可為頁面中所有相同標籤元素進行加樣式如：

div區域1

div區域1

姓名：成績：
可在此頁的head標籤中，加入標籤

二、css檔案可以，單獨寫到一個普通文字檔案保證起來，用到時可在標籤中載出來如：



三、超可連結的幾種樣式
超連結(未訪問前)、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區域2

那麼優先順序是什麼：：標籤選擇器五、簡單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 內容物與邊框距離， marnandm 的距離，與外面的距離）與邊框。 * float是浮動著，原位置移動後，下面的標籤會頂過來。如這個float:left，將把標籤內部浮動在左邊，那原來的下面的文本可直接流向右邊了，下面的div會擠進來. position 是定位，可絕對來定位掉，定位後原來的位置會被其它的標籤佔用掉，因為一旦被position了那就被從文本流中拉出去了，不屬於普通文本流不佔用普通文檔流的位置。 */
}
圖文混排，就用要到css 樣式中的 float:left，這樣原本圖片下面的文本，就自動流向了圖片右邊了。