HTMLでCSSを呼び出す方法-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

HTMLでCSSを呼び出す方法

王林

May 05, 2023 pm 07:58 PM

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 サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。