1,群選擇器. 說(shuō)明:當(dāng)幾個(gè)元素樣式屬性一樣時(shí),可以調(diào)用同一個(gè)申明,元素之間用逗號(hào)分隔、
p,td,li{
font-size:12px;
}
2,派生選擇器. 說(shuō)明:可以使用派生選擇器給一個(gè)元素里的子元素定義樣式,例如這樣:
li strong{
font-style:italic;
font-weight:normal;
}
就是為li的子元素strong定義一個(gè)斜體不加粗的模式.
3.ID選擇器.
說(shuō)明:用css布局主要用層div來(lái)實(shí)現(xiàn),而div得樣式通過(guò)'id選擇器'來(lái)定義.
例如我們首先定義一個(gè)層.
<div id="menubar"></div>
然后在樣式表里這樣定義、
#menubar{
margin:0px;
background:#FFFFF;
}
其中menubar是自己定義的div的名字,注意前面要加'#'號(hào)。
id選擇器同樣也支持派生,例如:
#menubar p{
text-aglin:right;
margin-top:10px;
}
這個(gè)方法主要用來(lái)定義層,和那些比較復(fù)雜,有多個(gè)派生的子元素、
4.類(lèi)別選擇器。
說(shuō)明:css里面用一個(gè)點(diǎn)來(lái)表示類(lèi)別選擇器的定義,例如:
.12px{
text-aglin:center;
font-family:宋體;
font-size:12px;
}
在頁(yè)面中,用class="類(lèi)別名"的方法調(diào)用:
<span class="12px">12px大小的字體</span>
這個(gè)方法比較靈活,可以隨時(shí)新建和刪除、
5.定義鏈接的樣式(偽類(lèi)樣式)、
說(shuō)明:css中用4個(gè)偽類(lèi)來(lái)定義鏈接樣式,分別是:a:link,a:visited,a:hover,a:active。例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c30 }
a:visited{font-weight : bold ;text-decoration : none ;color : #c60 }
a:hover{font-weight : bold ;text-decoration : none ;color : #FFFFF}
a:active{font-weight : bold ;text-decoration : none ;color : #EEE}
以上語(yǔ)句分別定義了"鏈接,以訪問(wèn)過(guò)的鏈接,鼠標(biāo)停在上方時(shí),點(diǎn)下鼠標(biāo)時(shí)"的樣式.
注意,以上4個(gè)樣式可以"缺",但不可以打亂順序,否則樣式會(huì)跟你預(yù)想的不一樣.他們的原則是:愛(ài)恨原則。
即love hate原則,順序是love中的"l"是link,"v"是visited,hate中的"h"是hover,"a"是active。
6.組合使用選擇器創(chuàng)造精致的設(shè)計(jì)效果。
用漂亮的圖案代替普通無(wú)序列表沉悶的黑點(diǎn),先用css規(guī)則告訴類(lèi)別屬性inventory的無(wú)序列表。
ul.inventory{
list-style:disc url(/images/common/lister2.gig) inside;
}
他的調(diào)用標(biāo)記:

Code
<ul class="inventory">
<li><a href="/angelfish">Angelfish</a>(67 items)</li>
<li><a href="/angeld">Angels/Frogfish</a>(35 items)</li>
<li><a href="/anthias">Angelfish</a>(5526 items)</li>
<li><a href="/basslets">Angelfish</a>(15 items)</li>
<ul>
7.縮寫(xiě)是按照順時(shí)針的順序.
margin:25px 0 25px 0;
8.行高.
說(shuō)明:正常行高的150%.
line-height:150%;
好了,最近幾天在做項(xiàng)目Login和Main頁(yè)面的布局與Css,又不是職業(yè)美工,邊做邊學(xué),把有用的東西記錄下來(lái)與大家分享。擱筆、
如對(duì)本文有疑問(wèn),請(qǐng)?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會(huì)為你解答??! 點(diǎn)擊進(jìn)入論壇
------分隔線----------------------------