CSS(Cascading Style Sheets)是一種樣式定義語言,在網(wǎng)頁靜態(tài)展示過程中起到了關(guān)鍵的作用。在 CSS 中,樣式的定義方式有三種,分別是:
1. 內(nèi)聯(lián)樣式 內(nèi)聯(lián)樣式指的是將樣式代碼直接寫在 HTML 元素標(biāo)簽的 <strong>style</strong> 屬性中的方式。例如,在一個帶有 <strong>id="example-id"</strong> 的 div 元素中加入如下內(nèi)聯(lián)樣式代碼:<br> <div id="example-id" style="color:red; font-size: 16px;">這是一個包含內(nèi)聯(lián)樣式的 div 元素</div> 這樣,就給 div 元素定義了一個文字顏色為紅色、字號為 16px 的內(nèi)聯(lián)樣式。這種方式定義的內(nèi)聯(lián)樣式會優(yōu)先級最高,它會覆蓋后面的樣式。 2. 內(nèi)部樣式表 內(nèi)部樣式表是指在網(wǎng)頁代碼中使用 <strong><style></strong> 標(biāo)簽定義的樣式表。這樣的樣式表只會在當(dāng)前網(wǎng)頁的代碼中起作用。例如:<br> <head> <style> #example-id { color: red; font-size: 16px; } </style> </head> 這樣,就給 id 為 example-id 的元素定義了一個文字顏色為紅色、字號為 16px 的樣式。內(nèi)部樣式表的優(yōu)先級次于內(nèi)聯(lián)樣式,但是仍然會比外部樣式表優(yōu)先級高。 3. 外部樣式表 外部樣式表是指將 CSS 樣式代碼單獨(dú)放在一個 .css 文件中,并通過 <strong><link></strong> 標(biāo)簽來鏈接到 HTML 網(wǎng)頁中。例如:<br> <head> <link rel="stylesheet" type="text/css" href="example.css"> </head> 這樣,在 example.css 文件中就可以定義樣式,然后通過鏈接到 HTML 文件中,使得 HTML 文件中的元素應(yīng)用新的樣式。外部樣式表的優(yōu)先級最低,但是它能夠使 CSS 樣式代碼得到復(fù)用,大幅提高開發(fā)效率。