CSS規(guī)則可以位于多個(gè)不同的位置,包括:
1. HTML文檔頭部的<head>標(biāo)簽內(nèi)的<style>標(biāo)簽中; 2. HTML文檔頭部的外部CSS文件中; 3. 在HTML元素的style屬性中; 4. 在DOM節(jié)點(diǎn)中的style屬性中;
其中,第一種和第二種方法是最常見的。在HTML文檔頭部的<head>標(biāo)簽內(nèi)的<style>標(biāo)簽中,我們可以一次性的定義多個(gè)選擇器的樣式規(guī)則。如:
<head> <style> p { font-size: 16px; color: #333; line-height: 1.5; } h1, h2, h3 { font-weight: bold; color: #3f51b5; } </style> </head>
而將CSS規(guī)則存儲(chǔ)在外部文件中則更易于維護(hù)和使用。我們可以使用<link>標(biāo)簽將外部CSS文件鏈接到HTML文檔中。如:
<head> <link rel="stylesheet" href="style.css"> </head>
在HTML元素的style屬性中定義CSS規(guī)則有時(shí)也是必要的。如,我們有時(shí)需要對(duì)特定元素的樣式進(jìn)行修改。如:
<p style="color: red; font-size: 18px;">這是一段已定義的特定樣式</p>
最后,在DOM節(jié)點(diǎn)中的style屬性定義CSS規(guī)則也非常有用。我們可以使用JavaScript動(dòng)態(tài)修改元素的樣式。如:
var pElement = document.querySelector('p'); pElement.style.color = 'red'; pElement.style.fontSize = '18px';
上一篇css控制多余字體隱藏