HTML では、CSS スタイルを参照するには、外部スタイル シート、内部スタイル シート、インライン スタイルの 3 つの方法があります。
この記事のコードは w3school からコンパイルされています: http://www.w3school.com.cn
(1) 外部スタイル シートとは、HTML ファイルの head タグ内のリンクを使用して、定義されたスタイルを参照することを指します。別のcssファイルで。スタイル シートを何度も使用する必要がある場合は、外部スタイル シートを使用するのが最適なオプションです。
html file:
rrreeCSS style,baseStyle.css:<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Content-Language" content="zh-cn" /><title>引用外部css样式</title><!--外部样式表--><head><link rel="stylesheet" type="text/css" href="css/baseStyle.css"></head><body><h1>h1级别的标题：红色</h1><h2>h2级别的标题：绿色</h2><h3>h3级别的标题：蓝色</h3><p>这是一个段落：灰色</p></body></html>
(2) 内部スタイルシートとは、HTML ファイルの head タグ内でスタイルを宣言することを指します。単一のドキュメントに特別なスタイルが必要な場合は、内部スタイル シートを使用する必要があります。
h1 {color:red}h2 {color:green}h3 {color:blue}p {color:gray}
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
