本文目錄導(dǎo)讀:
CSS格式的添加方法
CSS,全稱“層疊樣式表”,是一種用于描述HTML文檔樣式的語(yǔ)言,在HTML文檔中,可以通過(guò)添加CSS來(lái)美化頁(yè)面、調(diào)整布局、設(shè)置動(dòng)畫等,如何在HTML文檔中添加CSS呢?
內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式是直接在HTML元素中添加style屬性,然后定義該元素的樣式。
<p style="color: red; font-size: 16px;">這是一段紅色的文本,字體大小為16像素。</p>
在上面的代碼中,style
屬性中包含了color
和font-size
兩個(gè)樣式屬性,分別定義了文本的顏色和字體大小。
內(nèi)部樣式表
內(nèi)部樣式表是在HTML文檔的<head>
部分中添加<style>
標(biāo)簽,然后在該標(biāo)簽中定義樣式。
<head> <style> p { color: red; font-size: 16px; } </style> </head> <body> <p>這是一段紅色的文本,字體大小為16像素。</p> </body>
在上面的代碼中,<style>
標(biāo)簽中定義了p
元素的樣式,即文本顏色和字體大小,這種樣式表方式稱為內(nèi)部樣式表。
外部樣式表
外部樣式表是通過(guò)鏈接外部CSS文件來(lái)定義樣式的,在HTML文檔的<head>
部分中添加<link>
標(biāo)簽,然后指定要鏈接的CSS文件。
<head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一段紅色的文本,字體大小為16像素。</p> </body>
在上面的代碼中,<link>
標(biāo)簽中指定了要鏈接的CSS文件style.css
,這種樣式表方式稱為外部樣式表,需要注意的是,鏈接的CSS文件必須存在于與HTML文檔相同的目錄下。
除了以上三種方式,還可以通過(guò)其他方式添加CSS,例如使用JavaScript動(dòng)態(tài)添加樣式等,但以上三種方式是***基本的CSS添加方法。