首頁 > web前端 > css教學 > css入門

css入門

高洛峰
發布: 2016-11-24 10:21:29
原創
1573 人瀏覽過

一、概念:
級聯樣式表(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,這樣原本圖片下面的文本,就自動流向了圖片右邊了。 
相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板