CSS在網(wǎng)頁制作中起著重要的作用,CSS是英語Cascading Style Sheets(層疊樣式表)的縮寫(恰巧也是DVD“內(nèi)容亂碼系統(tǒng)”Content-scrambling system的縮寫),它是一種用來表現(xiàn)HTML或XML等文件式樣的計(jì)算機(jī)語言。它的定義是由W3C來維護(hù)的。下面介紹一下CSS的在網(wǎng)頁設(shè)計(jì)中的一些技巧:
1.CSS字體屬性簡寫規(guī)則 一般用CSS設(shè)定字體屬性是這樣做的, font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,sans-serif; 也可以把它們?nèi)繉懙揭恍猩先ィ?font: bold italic small-caps 1em/1.5em verdana,sans-serif;
這種簡寫方法只有在同時(shí)指定font-size和font-family屬性時(shí)才起作用。而且,如果你沒有設(shè)定font-weight, font-style, 以及 font-varient ,他們會使用缺省值,這點(diǎn)是要記住的。
2.同時(shí)使用兩個(gè)類 一般只能給一個(gè)元素設(shè)定一個(gè)類(Class),但這并不意味著不能用兩個(gè)。事實(shí)上,你可以這樣做,同時(shí)給P元素兩個(gè)類,中間用空格格開,這樣所有text和side兩個(gè)類的屬性都會加到P元素上來。如果它們兩個(gè)類中的屬性有沖突的話,后設(shè)置的起作用,即在CSS文件中放在后面的類的屬性起作用。 但是對于一個(gè)ID,不能這樣寫。
3. CSS border的缺省值 通常CSS還可以設(shè)定邊界的顏色,寬度和風(fēng)格,如: border: 3px solid #000 這就可把邊界顯示成3像素寬,黑色,實(shí)線。但實(shí)際上這里只需要指定風(fēng)格即可。 如果只指定了風(fēng)格,其他屬性就會使用缺省值。一般地,Border的寬度缺省是medium,一般等于3到4個(gè)像素;缺省的顏色是其中文字的顏色。如果這個(gè)值正好合適的話,就不用設(shè)那么多了。