本文目錄導(dǎo)讀:
HTML文檔設(shè)置CSS的三種方式
在HTML文檔中設(shè)置CSS,可以通過(guò)三種方式實(shí)現(xiàn):內(nèi)聯(lián)樣式、外部樣式表和內(nèi)部樣式表。
內(nèi)聯(lián)樣式
內(nèi)聯(lián)樣式是一種直接在HTML元素中設(shè)置CSS樣式的方式,在HTML元素中使用style屬性,可以添加CSS樣式代碼。
<p style="color: red; font-size: 16px;">這是一段紅色的文本,字體大小為16像素。</p>
外部樣式表
外部樣式表是一種將CSS樣式代碼保存在單獨(dú)的文件中的方式,在HTML文檔中使用link元素引入外部樣式表文件。
<head> <link rel="stylesheet" href="styles.css"> </head>
在styles.css文件中編寫(xiě)CSS樣式代碼:
p { color: red; font-size: 16px; }
內(nèi)部樣式表
內(nèi)部樣式表是一種將CSS樣式代碼保存在HTML文檔的head部分的方式,使用style元素將CSS樣式代碼包含在內(nèi)部樣式表中。
<head> <style> p { color: red; font-size: 16px; } </style> </head>
三種方式都可以實(shí)現(xiàn)HTML文檔中的CSS樣式設(shè)置,選擇哪種方式取決于具體的需求和場(chǎng)景。