一、行内样式
在标签<>中输入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,两者等价)。
其中 ./ 表示当前文件位置。
优先级:行业样式>内部样式>外联样式。