HTML 外部 CSS ファイルを使用すると、メンテナンスとスタイル設定が簡素化されます。手順は次のとおりです。styles.css などの CSS ファイルを作成します。 HTML の <head> セクションで、<link> 要素を使用して、styles.css にリンクします。標準の CSS 構文を使用して、CSS ファイルでスタイルを定義します。ファイルを保存し、変更を確認します。アウトバウンド CSS の利点には、保守性、再利用性、パフォーマンスの向上が含まれます。
外部 CSS ファイルを使用すると、HTML ドキュメントの保守とスタイル設定が容易になります。
まず、テキスト エディターを使用して、 などの CSS ファイルを作成します。スタイル.css。このファイルに、必要な CSS スタイルを記述します。
HTML ドキュメントの <head> セクションで、<link> を使用します。要素 外部 CSS ファイルへのリンク。構文は次のとおりです。
<code class="html"><link rel="stylesheet" href="styles.css"></code>
ここで:
rel="stylesheet" は、リンクがスタイル シートを指すことを指定します。href ="styles.css" CSS ファイルへのパスを指定します標準を使用して、CSS スタイルを外部 CSS ファイルに配置します。 CSS 構文。例:
<code class="css">body {
font-family: Arial, sans-serif;
font-size: 16px;
}</code>HTML ファイルと CSS ファイルを保存し、ブラウザで HTML ファイルを開きます。 CSS スタイルがページに適用されていることがわかります。
外部 CSS ファイルを使用すると、次の利点があります:
以上がHTML内の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)
