HelloWord] など、タグの style 属性を通じて要素のスタイルを設定します。"/> HelloWord] など、タグの style 属性を通じて要素のスタイルを設定します。">

ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS スタイルを記述する 3 つの方法は何ですか?

CSS スタイルを記述する 3 つの方法は何ですか?

王林
王林転載
2020-08-24 16:17:085483ブラウズ

CSS スタイルを記述する 3 つの方法は何ですか?

CSS スタイルを記述する 3 つの方法:

(推奨チュートリアル: CSS チュートリアル)

1. インライン スタイル

は、タグの style 属性を通じて要素のスタイルを設定します。基本的な構文形式は次のとおりです:

<span style="color:#000;font-size:16px">HelloWord</span>

構文では、style はタグの属性です。実際、任意の HTMLタグには style 属性があり、インライン スタイルを設定するために使用されます。属性値の記述仕様は CSS スタイル ルールと同じです。インライン スタイルは、そのすべてのタグとその中にネストされているサブタグに影響します。 。

2. 内部スタイルシート

埋め込みスタイルとは、HTML文書のheadタグ内にcssコードを記述し、styleタグで定義するもので、その基本的な構文形式は次のとおりです。 # #

<head>
    <style>
        p {color: #000;font-size: 16px}
    </style>
</head>

構文では、通常、style タグは head タグの後に配置されますが、HTML ドキュメント内のどこにでも配置できます。

3. 外部リンク スタイル

リンクイン スタイルは、拡張子として CSS を持つ 1 つ以上の外部スタイル シート ファイルにすべてのスタイルを配置し、リンク タグを通じて外部スタイルをリンクします。 HTML ドキュメントに変換する場合、その基本的な構文形式は次のとおりです:

<link href="Test.css" type="text/css" rel="stylesheet">

以上がCSS スタイルを記述する 3 つの方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。