1. 程式人生 > >CSS選擇符

CSS選擇符

設置 -- 類定義 style color 定義 對象 宋體 派生

群選擇符:可以對一組對象進行相同的樣式指派。

    h1,h2,h3,p,span{

      font-size:12px;

      font-family:"宋體";

    }

    使用逗號對選擇符進行分隔,使得頁面所有的h1、h2、h3、p、span均具有相同的樣式定義,這樣做的好處是使頁面中需要使用相同樣式的地方

  只需要書寫一次樣式表即可實現,減少代碼量,改善了CSS代碼的結構。

派生選擇符:

    h1 span{

      font-weight:bold;

    }

    當只想對某一個對象中的“子”對象進行樣式指定時,派生選擇符就派上了用場。派生選擇符指選擇符組合中的前一個對象包含後一個對象

  對象之間使用空格作為分隔符。

    這樣做能避免過多的id及class的設置,直接對需要設置的元素進行設置。(可以多級)

id選擇符:

    <div id="top"></div>    //每個id名稱只能使用一次

    在CSS樣式中,id選擇符使用#進行標識:

      #top{

        font-size:14px;

        line-height:130%;    <!--設置行間距-->

      }

    id的基本作用是對每一個頁面中唯一出現的元素進行定義,如可以將導航條命名為 nav,將網頁頭部和底部命名為 header 和 footer 。

  有助於代碼閱讀及使用。

類別選擇符:

    用類選擇符能夠把相同的元素分類定義為不同的樣式,在定義類選擇符時,需在自定類的名稱前面加一個點號。

    .right{

      text-align:right;

    }

CSS選擇符