"/> ">

ホームページ  >  記事  >  ウェブフロントエンド  >  インラインCSSとは何ですか?

インラインCSSとは何ですか?

青灯夜游
青灯夜游オリジナル
2019-05-31 13:08:398691ブラウズ

インラインCSSとは何ですか?

インライン スタイルは、特定の Web ページの HTML タグ要素内に CSS スタイル コードを記述することです。インライン スタイルは、特定の HTML タグ内で使用し、style 属性を使用して特定の設定を行う必要があります。 HTML マークアップのスタイル。例: 69488b5ef9e0d45b3c24d1c2c63b861416b28748ea4df4d9c2150843fecfba68

機能:

1)、インライン スタイルは、コード内の HTML 要素に配置されます。

2) インライン スタイルを使用する場合、スタイルは選択した要素にのみ影響します。

3)、インライン スタイルにはセレクターはありません

注: HTML で定義されたインライン スタイルは、追加先のタグにのみ適用されます。

各 HTML タグを個別にスタイル設定する必要があるため、インライン スタイルは使用しないことをお勧めします。インライン スタイルのみを使用すると、Web サイトの管理が非常に困難になる可能性があります。ただし、特定の状況では役立つ場合があります。たとえば、CSS ファイルにアクセスできない場合や、単一の要素にのみスタイルを適用する必要がある場合などです。

インライン CSS を使用した HTML ページの例は次のとおりです:

<!DOCTYPE html>
<html>
  <body style="background-color:black;">
    <h1 style="color:white;padding:30px;">Hostinger Tutorials</h1>
    <p style="color:white;">Something usefull here.</p>
   </body>
</html>

インライン スタイルの利点:

1.変更をテストしてプレビューする場合に便利です。

2. 迅速な修復に非常に役立ちます。

3. HTTP リクエストを減らします。

インライン スタイルの欠点:

インライン CSS はすべての要素に適用する必要があります。

以上がインラインCSSとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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