……..

首頁

類庫下載

java類庫

css用法

高洛峰

Oct 08, 2016 pm 03:36 PM

<br/>

Css（Cascading Style Sheets,層疊樣式表）是一種頁面美化方法，透過編輯Css的物件屬性來達(dá)到美化頁面的效果。 Css的操作基本單元為對(duì)象，使用CSS的感覺就像是使用C++/C中的函數(shù)，CSS對(duì)象就像是函數(shù)，透過定義，聲明，呼叫來使用。

CSS有三種選擇器（物件定義與使用方式）：標(biāo)籤選擇器，類別選擇器，ID選擇器

CSS有四種包含方法：行內(nèi)式，內(nèi)嵌式，連結(jié)式，導(dǎo)入式

標(biāo)籤選擇器：

?定義：引用的樣式物件名稱{標(biāo)籤屬性：屬性值；標(biāo)籤屬性：屬性值；….}

? ? ? ?eg: h1,h2{text-align: center; color: redred: center; ;}

?使用：

……..

? ? ? ?

……..

類別選擇器：

?定義：標(biāo)籤名稱。值；標(biāo)籤屬性：屬性值;….}或

? ? ? ?.類別名稱{標(biāo)籤屬性：屬性值；標(biāo)籤屬性：屬性值；….}

? ? ? ?eg: p.center{text-align: center };

? ? ? ? ? ?.right{ text-align: right; }

?使用：

……..

? ...

? ? ? ?(*區(qū)別：後一種格式表示所有class屬性值為該類別名稱的標(biāo)籤都遵守該類別所定義的樣式)

　　　 (eg: 定義了.right{text-align: right;}，調(diào)用的時(shí)候，只要是透過class呼叫right的屬性的標(biāo)籤，都可以表現(xiàn)出right的屬性。 >;…;等等標(biāo)籤都表現(xiàn)出右對(duì)齊的屬性。屬性：屬性值；….}

? ? ? ?eg: #sample{font-family:宋體; don't-size:60pt;}

?使用：

…

?使用：

…

行內(nèi)式：

?不需要定義選擇器，利用style屬性直接為元素設(shè)計(jì)樣式

?eg:

…

內(nèi)嵌式：

?定義選擇器，將樣式表定義在之間。

???????? eg:?

<html>
        <head>
           <title>xxxxxx</title>
            <style type=”text/css”>
                p{color: #000FF;}
                .info{font-size: 12px;}
             </syle>
        </head>
 </html>

?，在之間。

?eg:

導(dǎo)入式：

?與連結(jié)式方法類似，只是透過import的導(dǎo)入方法。

? eg:

CSS樣式表的優(yōu)先權(quán)：

?嵌入式樣式表> 內(nèi)聯(lián)樣式> 外聯(lián)樣式表>聯(lián)式> 瀏覽器預(yù)設(shè)