方法一、内嵌样式表
<style>
h1 {
color: pink;}
</style>
<h1>The color is pink!</h1>
方法二、内联样式
<h1 style="color: gold;">The color is gold!</p>
方法三、使用id或class引入
<style>
.grn {
color: green;}
</style>
<h1 id="grn">The color is green!</h1>
方法四、外部样式表
<link rel="stylesheet" href="./style.css">
<h1>The color is orange!</h1>
style.css
h1 {color: orange;}
方法五、导入样式表
<link rel="stylesheet" href="./style.css">
<h1>The color is white!</h1>
style.css
@import "1.css";
@import "2.css";
1.css
h1 {color: white;}