インラインスタイルシート(インラインスタイル)
内部スタイルシート(埋め込みスタイルシート)は、htmlページ内に記述され、すべてのCSSコードを抽出し、単一の<style>
タグに配置します。
<style>
div {
color: red;
font-size: 12px;
}
</style>
内部スタイルシート(埋め込み)
インラインスタイルシート(インラインスタイルシート)は、要素タグ内のスタイル属性にCSSスタイルを設定するためのものです。シンプルなスタイルの変更に適しています。
<div style="color: red; font-size: 12px;">青春不常在,抓紧谈恋爱</div>
外部スタイルシート(リンク)
これは最も一般的に使用され、構造スタイルの分離を完全に実現します。
外部スタイルシートを導入するには、次の2つの手順があります。
- 接尾辞が.cssの新しいスタイルファイルを作成し、すべてのCSSコードをこのファイルに配置します。
- HTMLページで、タグを使用してこのファイルをインポートします。
<link rel="stylesheet" href="css文件路径">