CSS內(nèi)部樣式的添加方法
在HTML中,我們可以通過三種方式添加CSS樣式:內(nèi)聯(lián)樣式、外部樣式表和內(nèi)部樣式表,今天我們要介紹的是內(nèi)部樣式表的添加方法。
內(nèi)部樣式表,也稱為嵌入式樣式表,是寫在HTML文件中的CSS樣式,我們可以將樣式規(guī)則寫在<style>
標簽中,這個標簽一般放在HTML文檔的<head>
部分。
我們可以這樣寫:
<head> <style> body { background-color: lightblue; } h1 { color: navy; } </style> </head>
在上面的代碼中,body
和h1
是選擇器,分別表示文檔的主體和一級標題。background-color
和color
是CSS屬性,分別表示背景顏色和文本顏色。lightblue
和navy
是顏色值。
通過這種方式添加的樣式表,只對當前HTML文件有效,如果需要在其他文件中使用同樣的樣式,就需要將樣式規(guī)則重復(fù)寫在每個文件中,或者將樣式規(guī)則寫在一個外部樣式表中,然后在每個文件中引用這個外部樣式表。
需要注意的是,內(nèi)部樣式表的優(yōu)先級高于外部樣式表,如果內(nèi)部樣式表和外部樣式表中存在相同的樣式規(guī)則,瀏覽器會優(yōu)先使用內(nèi)部樣式表中的規(guī)則。