css經常使用知識

1.基本語法規範
p {color:#ff0000;background:#ffffff}
a.其中"p"稱爲"選擇器"(selectors),指明咱們要給"p"定義樣式
b.樣式聲明寫在大括號"{}"裏
c.color和background稱爲屬性。不一樣屬性用";"隔開
d."#ff0000"和"#ffffff"爲屬性值
----------------------------------------------------------
2.定義字體
body{font-family:"Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋體,sans-serif;}
字體按照所列出的順序選用，若是用戶的計算機含有Lucida Grande字體，文檔就被指定爲Lucida Grande
-----------------------------------------------------------
3.羣選擇器
p,td,li{font-size:12px;}
當幾個元素樣式屬性同樣時，能夠共同調用一個申明，元素之間用逗號隔開
-----------------------------------------------------------
4.派生選擇器
li strong{font-style:italic; font-weight:normal;}
就是給li下面的子元素strong定義一個斜體不加粗的樣式
---------------------------------------------------------
5.id選擇器
先定義一個層<div id="menubar"></div>
而後在樣式表裏定義#menubar {MARGIN:0px;background:#fefefe;color:#666;}
其中"menubar"是你本身定義的id名稱。注意在前面加"#"號。
id 選擇器也支持派生，如#menubar p{text-align:right;margin-top:10px}
這個方法主要是用來定義層和那些比較複雜，有多個派生的元素
-----------------------------------------------------------
6.類別選擇器
.name {color:#f60;font-size:14px;}
在頁面中class="類別名"的方法調用:<span class="name">測試</span>
這個方法比較簡單靈活，能夠隨時根據頁面須要新建和刪除
-----------------------------------------------------------
7.定義連接的樣式
css中用四個僞類來定義連接的樣式，分別是：a:link、a:visited、a:hover和a:active
好比：a:link{font-weight:bold;text-decoration:none;color:#c00}
a:visited{font-weight:bold;text-decoration:none;color:#c00}
a:hover{font-weight:bold;text-decoration:none;color:#c00}
a:active{font-weight:bold;text-decoration:none;color:#c00}
以上語句分別定義了"連接、已訪問過的連接、鼠標停在上方時、點下鼠標時"的樣式。注意，必須按以上順序寫，不然顯示可能和你預想的不同
-----------------------------------------------------------

 

打個小廣告：英語愛好者加羣：102234283，裏面不少老外，能夠學學口語

android/ios愛好者加羣： 308967142

webapp愛好者加羣：339073325

這個app潮流公衆賬號主要是推薦給手機用戶最近最潮的軟件，讓你們隨時跟上時尚。咱們會提供給大家最好的服務,也能夠在微信中搜索appchaojiu加入關注，喜歡咱們就幫咱們推薦吧！