close

CSS基礎語法:群組化選擇符 

 

 

http://www.inspirr.com 
 

 


 

 

 

常常我們的CSS 樣式中會有好幾個地方需要使用到相同的設定時,一個一個分開寫會是一件滿累人的工作,重覆性太高且顯得冗長,更不好管理....在CSS 語法的基本設定中,就可以把這幾個相同設定的選擇器合并在一起,原本可能是寫了7~8 行相同的語法,合在一起后就只要短短的一小行,怎么看都讓人心曠神怡啊~

例如:當有好幾個選擇器剛好都需要把文字的顏色設定為灰色的時候,一個一個分開寫的方法式,感覺就很繁瑣,如下:

  1. h1{color:#666666;} h2{color:#666666;}
  2. h3{color:#666666;} h4{color:#666666;}
  3. ul{color:#666666;} p{color:#666666;}
  4. #AAA{color:#666666;} #BBB{color:#666666;}

群組化:把這幾個選擇器使用逗號合并在一起,就只要短短的一小行,如下:

  1. h1,h2,h3,h4,ul,p,#AAA,#BBB{color:#666666;}

使用「群組化」選擇器 可以使我們的CSS 樣式變得比較簡潔,將來又好管理和方便修改,這種寫法是CSS 語法最基礎的功能之一,只要把這一些基礎的用法都熟悉了,同學們自然而然就可以練出漂亮的CSS 樣式嘍~

 

 

   

 

  Tag: 設計公司 | 網頁設計公司 | 廣告公司 | 網站設計 | 平面設計 | 互動媒體 | 網頁設計 | Web design | Website design | design house | 媒體公司 | Iphone app | 程式設計 | Flash 網頁 | Flash game | 動畫設計 | 後期製作 | 網上商店 | 網上宣傳 | 網頁服務 |

arrow
arrow
    文章標籤
    網站設計 互動媒體
    全站熱搜
    創作者介紹
    創作者 inspirr 的頭像
    inspirr

    inspirr

    inspirr 發表在 痞客邦 留言(0) 人氣()