CSSを入れる場所

藏色散人
リリース: 2023-01-04 09:34:59
オリジナル
7949 人が閲覧しました

CSS を配置できる場所は 3 つあります: 1. 現在の要素に対してのみ有効な要素タグの style 属性に配置します; 2. 要素タグの style タグに配置します。 head タグは現在のページの先頭にあります。これは現在のページのすべての要素に対してのみ有効です。3. 独立した CSS ファイルに配置し、そのファイルを紹介するすべてのページに対して有効です。

CSSを入れる場所

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSS コードはどこに配置できますか? element タグの style 属性に記述された

1 は現在の要素に対してのみ有効であり、

2 は先頭の head タグの style タグに記述されます。現在のページは、現在のページのすべての要素に対してのみ有効です。

3 は、別の CSS ファイルに記述され、head タグ内の タグを使用して参照されます。ファイルを紹介します。

例を使って 1 つずつ説明します。

要素タグの style 属性に記述します。

<p style="color:red;">abc</p>
ログイン後にコピー

現在のページの先頭のタグに記述します。

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            text-align: center;
        }
    </style>
</head>
ログイン後にコピー

別の CSS ファイルに記述され、 タグを使用して参照されます:

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="Untitled-1.css">
</head>
ログイン後にコピー

以下は CSS 別ファイルの内容です:

p{
    color: red;
}
ログイン後にコピー

[推奨学習: CSS ビデオ チュートリアル ]

以上がCSSを入れる場所の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート