HTML引入CSS樣式三種方法及優先順序 CSS樣式的寫法

來源:互聯網
上載者:User

標籤:上下   上下文   head   標記   gre   site   htm   檔案   引入   

HTML引入CSS樣式三種方法及優先順序:

方法

    css的樣式引用由3種方式。分別為行內樣式、內部樣式(嵌入式)和外部樣式;

行內樣式:                  在對象的標記內使用對象的style屬性定義適用的樣式表屬性,格式定義為 :<div style="內容"><div>;

內部樣式(嵌入式):是由<style></style>標記對放在<head></head>中;

外部樣式 :                  是把CSS檔案放在網頁外面,通過連結<link>使CSS檔案對本網頁的樣式有效,<link type="text/css" rel="stylesheet"  href="css                                         檔案的存放地址">;

 

優先順序:行內樣式最高、內部樣式(嵌入式)次之、外部樣式優先順序最低;

CSS樣式的寫法:

每個屬性有一個值。屬性和值被冒號分開;如果要定義不止一個屬性,則需要用分號將每個聲明分開;

分類:

1、組選取器:

被分組的選取器可以分享相同的聲明,用逗號將需要分組的選取器分開;

 

h1,h2,h3,h4,h5,h6 {  color: green;}

 

2、後代選取器:

通過依據元素在其位置的上下文關係來定義樣式;

li strong {    font-style: italic;    font-weight: normal;}

3、ID選取器:

id 選取器以 "#" 來定義;

#red {color:red;}#green {color:green;}

4、CLASS類選擇器:

.center {text-align: center;}

5、偽類別選取器:

<a></a>

a:link {color:red;}
a:visited {color:green;}

6、繼承:

子項目繼承父元素的樣式;子項目的子項目同樣繼承樣式;若不想被繼承,則其css樣式要重寫;

HTML引入CSS樣式三種方法及優先順序 CSS樣式的寫法

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.