CSS コードは次の場所に入力できます。 インライン スタイル: HTML 要素に直接埋め込みます。内部スタイルシート: HTML ドキュメントの <head> セクションに含まれます。外部スタイルシート: 別の .css ファイルに保存され、HTML ドキュメントによって参照されます。複雑なプロジェクトの場合は、コードの再利用性と保守性を向上させるために外部スタイル シートを使用することをお勧めします。
CSS コードを入力する場所
CSS (Cascading Style Sheet) は、プレゼンテーションを記述するために使用されるスタイルです。 Web ページの外観と書式設定の言語。 Web ページに CSS を適用するには、次の場所に CSS を配置します。
インライン スタイル
インライン スタイルは、<style> を使用して作成されます。 タグは、HTML 要素内の CSS に直接埋め込まれます。この特定の要素に対してのみ有効です。構文は次のとおりです。
<code class="html"><element style="样式属性: 值;">内容</element></code>
内部スタイル シート
内部スタイル シートは、HTML の <head> セクションで使用されます。 document <style> タグに含まれる CSS。これはドキュメント全体のすべての要素に適用されます。構文は次のとおりです。
<code class="html"><head>
<style>
/* CSS 代码 */
</style>
</head>
<body>
<!-- 文档内容 -->
</body></code>外部スタイル シート
外部スタイル シートは、別のファイル (通常は .css 拡張子が付きます) に保存されている CSS です。複数の HTML ドキュメントで参照および使用できます。構文は次のとおりです。
<code class="html"><head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- 文档内容 -->
</body></code>複雑なプロジェクトの場合は、コードの再利用性と保守性が向上するため、CSS コードを外部スタイル シートに配置することをお勧めします。
以上がCSSコードを入力する場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル]](https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
