CSS語言筆記<一>

標籤：

CSS ( Cascading Style Sheets ) 中文:層疊樣式表定於文法:<style type=""> </style>

執行個體:

<style type="text/css">a{　　color:red;　　text-align:center;　　font-size:24px; }</style>

選取器id選取器

HTML標籤屬性是以id來設定選取器，在CSS中就以“#”來選定。

如:<a id="a">一段文字</a>

以下為選定表示的方法。
執行個體:

<style type="text/css">#a{　　color:red;　　text-align:center;　　font-size:24px;    }</style>

class選取器

如果是以class選取器，表示的寫法是以“.”號，和id選取器不一樣的是，class選取器可以在多個HTML標籤中使用。

如:<a class="qqq">一段文字</a>

    <p class="qqq">一段文字</p>

執行個體:

<style type="text/css">.qqq{   　color:red;   　text-align:center;   　font-size:24px;        }</style>

第二種寫法

<style type="text/css">a.qqq{   color:red;   text-align:center;   font-size:24px;       }</style>

多元素選取器

執行個體:

<style type="text/css">a,b,c,d{        color:#FFFFFF;        text-align:center;        font-size:24px;        }</style>

後代元素選取器

選擇執行個體中a下的li元素，後代元素用空格來選擇。

執行個體:

<style type="text/css">.a li{       color:red;      }</style>

子項目選取器

子項目就是class下中同樣的元素，父子級關係。用大於符號表示

執行個體:

<style type="text/css">.a > .title{                color:#FF6300               }</style>

 

 

 

總結

id具有唯一性，class具有多用性。

 

待續.............

 

CSS語言筆記<一>