首頁 »
2011/05/17

CSS教學『選擇器運用』

CSS教學『選擇器運用』

選擇器就是指定網頁中那一個元素,例如:div {font-size:12pt} 最前面的 div 就是選擇器,然後在{}裡定義樣式。

選擇器還可以設定別的名稱,讓網頁指定的地方來使用,任何你想要變更的地方都可以用它來辦到。 下面就來介紹它的三種用法。



一、指定HTML標籤

這個動作會影響整頁相關的標籤,一般會用來做重新定義頁面樣式,或統一樣式來用,但要注意CSS的優先順序。
<div>網頁設計</div>
<style type="text/css">
div {color: #3C0;}
</style>
如上面的設定,就會使頁面上所有的div標籤,都設定文字為綠色。

二、在標籤上設定CLASS="名稱"

在頁面的任何html標籤上設定class,並令它等於一個名稱,這個名稱要自己指定,在CSS選擇器還要加上一個點,代表它是一個Class,儘量不要使用和 HTML 標籤一樣的,也不要取太過於簡單,對以後維護會有很好的幫助。

<div class="myCSS">bankweb網站銀行</div>

<style type="text/css">
.myCSS{
 color : #F00 ;    /*文字顏色*/
 font-size : 18px;  /*文字大小*/
}
</style>

如上面的設定,就會使頁面上所有的class=myCSS標籤,都設定文字為紅色,大小為18級。

三、在標籤上設定ID="名稱"

在頁面的任何html標籤上設定 ID,ID的名稱不可重複,所以命名時要特別注意,在CSS選擇器是在前方加上#,它常用來定義頁面上特定區域的樣式。

<div id="myID">bankweb網站銀行</div>

#myID{
 color : #FC0; /*文字顏色*/
 font-size : 24pt; /*文字大小*/
}





網頁設計 -->找網站銀行

好站推薦:網頁設計 除臭襪 易夏貼 安全帽貼

關鍵字: 顏色 地方

網頁設計教學--學會CSS的第一步 ←上一篇 │首頁
本文引用網址: