CSS讓網(wǎng)頁(yè)更容易設(shè)計(jì)與維護(hù)

作者:
2009-12-16
6689
  Pseudo Class 虛擬類(lèi)別    
  最常見(jiàn)的虛擬類(lèi)別是應(yīng)用在超級(jí)鏈接語(yǔ)法上。例如超級(jí)鏈接指定連結(jié)顏色(a:link)、造訪過(guò)顏色(a:visit)、以及鼠標(biāo)經(jīng)過(guò)(a:hover)等。    
  事實(shí)上虛擬類(lèi)別不只能用在超級(jí)鏈接上,例如表格或窗體輸入字段等,CSS都能選取并指定多種狀態(tài),但是由于IE 6以前的瀏覽器只支持少數(shù)虛擬類(lèi)別語(yǔ)法,即使最常見(jiàn)的超級(jí)鏈接也支持不完整(a:focus便不支持),造成使用的人很有限。    
  Inheritance 繼承    
  繼承是CSS在設(shè)計(jì)上相當(dāng)具有效率的原則,能精簡(jiǎn)設(shè)計(jì)上的復(fù)雜性。例如在「body」選取器指定字型與大小之后,包含在「body」底下的所有元素,都會(huì)自動(dòng)繼承這個(gè)樣式,不需要一一為子系的元素再指定樣式。    
  繼承而來(lái)的屬性,也可以透過(guò)指定值進(jìn)行復(fù)寫(xiě),因此如果區(qū)塊需要不同的字型,只需要重新指定新值給這個(gè)區(qū)塊,就可以采用新字型。透過(guò)這種方式,可以大為減少選取器的數(shù)量。 
  float 飄浮,文繞圖    
  CSS的文繞圖的功能是透過(guò)指定「float」屬性值,就能讓區(qū)塊「飄浮」起來(lái),并透過(guò)指定左、右位置,移到定點(diǎn)。    
  文繞圖雖然是用在圖、文關(guān)系上,不過(guò)在設(shè)計(jì)實(shí)務(wù)中,更大量應(yīng)用在版面定位上。另一個(gè)常用來(lái)定位版本的功能是「position」,它可以精確地用像素指定任意位置。利用「float」或「position」,便可以取代過(guò)去透過(guò)巢狀表格才能達(dá)到的精準(zhǔn)定位。 

  • 1
  • 2
  • 3
  • 4
  • 跳轉(zhuǎn)到:
  • 請(qǐng)輸入數(shù)字
    請(qǐng)輸入有效頁(yè)碼
  • GO
1
0
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話(huà):18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)