#3 CSS常用屬性

標籤：style   color   os   strong   io   for   2014   問題   

CSS裡面的樣式非常多，但是常用的樣式並不是很多。

下面主要是以下常用的，當然這個沒涉及到考慮相容性的問題。相容性的主要還是要瞭解不懂瀏覽器之間的差異，具體我也半桶水，在努力學習中，等學會了，在總結一下分享給大家。 

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　-------2014.07.29

 

 

這個上課主要講的布局,就是關於頁面的布局,現在90%的網站都是用DIV+CSS布局的.所以應該好好掌握這次課的知識. 

在學習DIV之前,我們還要熟悉一些常見的CSS樣式.  CSS的常用樣式字型:1,line-height:50px          行的高度   如果和 height的高度一樣，就會置中顯示。（比如 li中的字型怎麼垂直置中顯示）2,letter-spacing:50px      漢字間的距離3,word-spacing:50px      字母間的距離4,text-indent:2em           縮排兩個字  背景:1,background-image(url())        設定背景圖片2,background-position:center     設定背景的位置3,background-repeat: no-repeat    背景圖片比介面小的話不會鋪滿介面4,background-attachment : fixed     背景圖片一直置中.不隨捲軸的滾動而改變(固定背景)  列表1,list-style-type:none               列表前的系列號不顯示 2,list-style-image:url                列表的序號換成圖片3,margin:0px; padding:0px;    li靠左顯示  超連結1,text-decoration:none          把超連結的底線去掉2,color:#000000                    把超連結的顏色去掉  還有一個經常用到的就是 偽類選取器:hover{}.class:hover{}#id:hover{} 都可以用,自己定義的樣式也可以xxx:hover{} {}中放的樣式就是你滑鼠移到那裡會顯示什麼的樣式 還有:active{}   :visited{}   這兩個一個是滑鼠點擊的時候顯示,一個是滑鼠釋放產生的變化    DIV 的來了..要好好學.... HTML元素的分類1,塊分類 (p,div,h1,table,form,li...)         就是元素自己佔一行.2,行標記(不是塊的就是行了....)               可以很多元素佔一行  塊元素都有一個叫border的屬性.可以設定邊框,還有橢圓矩陣   邊框要記得話很容易..就分上下左右... 還有一個是非常中要的. 就是=外補丁(margin)   就是兩個塊之間的距離margin:auto auto     自動置中的功能 還有一個 內補丁(padding)  就是塊中內容和邊框的距離 如果要兩個塊元素放在一行就要用到   float這個屬性了...float:left            就是從左往右排   right就是同理的...  還有一個就是如果你滑鼠移到那個圖片上面,希望顯示一個手,表示可以點擊....就要用到一個屬性cursor:pointer       這個屬性就可以了   經驗要做布局的時候,要做一份草稿.把大小先給定了....這樣你才能更好的開發...還有就是要格式對齊..... 如果要做一個好的網站.都是用自己ＤＩＶ＋ＣＳＳ出來的..而用Dreamweaver產生的程式碼存在很多垃圾代碼...布局是很重要的..