ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTMLでCSSを呼び出す方法
HTMLでCSSを呼び出す方法
- 王林オリジナル
- 2023-05-05 19:58:052199ブラウズ
HTML による CSS の呼び出し方法
CSS (Cascading Style Sheet) は、HTML ページのスタイルを制御するために使用される言語です。CSS を通じて、フォント、色、背景、サイズ、位置などを変更できます。 HTML コンポーネントの。 HTMLでCSSを呼び出す方法はたくさんありますが、この記事では2つの方法を紹介します。
方法 1: インライン スタイル シート
インライン スタイル シートとは、HTML コード内でスタイルを定義することを意味します。スタイルはHTMLタグのstyle属性で指定します。例:
<p style="color:blue;">这是一段蓝色文字</p>
上の例では、インライン スタイル シートを使用して、段落コンポーネントのテキストの色を青に指定しました。スタイルの変更が少ない場合は、インライン スタイル シートの方が適していますが、複数のコンポーネントのスタイルを変更する必要がある場合、インライン スタイル シートを使用するとコードの保守が困難になります。
方法 2: 外部スタイル シート
外部スタイル シートは、CSS コードを別の CSS ファイルに保存し、HTML を通じてそれを呼び出します。この方法の利点は、Web サイト全体のスタイルを 1 つの CSS ファイルで管理できることです。まずCSSファイルを作成してサーバーに保存し、ファイル名を「Example.css」とします。
HTML では、head の タグを使用して CSS ファイルを導入します。例:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="样式文件的路径">
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</body>
</html>
上の例では、ヘッダーの タグを使用してスタイル ファイルを導入しており、パラメーターのタイプは「text/css」である必要があります。 rel パラメータは、これがスタイルシートであることを示す「stylesheet」に設定する必要があります。パラメータ href は、サーバーに保存するスタイル ファイルへのパスである必要があります。こうすることで、サンプル .css ファイルのスタイルを HTML ページ全体で使用できます。
概要
上記は、HTML で CSS を呼び出す 2 つの方法です。インライン スタイル シートと外部スタイル シートを通じて、HTML ページのスタイルを変更し、コードをより簡潔で読みやすくすることができます。外部スタイルシートを使用する場合は、HTML内で正常に呼び出せるようにファイルパスの設定やファイル名の定義に注意してください。
以上がHTMLでCSSを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。