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

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

王林
リリース: 2020-08-24 16:17:08
転載
5453 人が閲覧しました

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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート