一、行內樣式
在標簽<>中輸入style = "屬性:屬性值;"。(中等使用頻率)
不利于CSS樣式的復用;違背了CSS內容和樣式分離的設計理念,后期難以維護。
<p style="color: red">這是div中的p元素</p>
二、內部樣式
在<style>元素{屬性1:屬性值1;屬性屬性值2}</style>中間輸入樣式(中等使用頻率)
<style>元素 {屬性1: 屬性值1;}</style>
三、外部樣式
方案一:
<link rel="stylesheet" href="scr/文件名.css" type ="text/css"/>
其中: rel為relationship(關系,定義HTML文檔與link的關系) href為Hypertext Reference(超文本引用)
方案二:
<style>@import 'src/文件名.css';</style>
上述兩種方案區別:
路徑設置:
若css在scr目錄下,則設置相對路徑為:./src/樣式表.css(或?src/樣式表.css,兩者等價)。
其中 ./ 表示當前文件位置。
優先級:行業樣式>內部樣式>外聯樣式。