ホームページ > 記事 > ウェブフロントエンド > インラインCSSとは何ですか?
インラインCSSとは何ですか?
- 青灯夜游オリジナル
- 2019-05-31 13:08:398719ブラウズ
インライン スタイルは、特定の 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 サイトの他の関連記事を参照してください。