ホームページ  >  記事  >  ウェブフロントエンド  >  CSS インライン スタイルを使用しないほうがよいのはなぜですか?

CSS インライン スタイルを使用しないほうがよいのはなぜですか?

青灯夜游
青灯夜游オリジナル
2020-12-23 12:02:204714ブラウズ

css インライン スタイルは、開始タグの style 属性に直接 style 属性を記述します。複数の要素でスタイルを共有することが難しく、コードの再利用につながりません。また、HTML と CSS のコードが混在します。構造スタイルが分離されていないため、プログラムには不向きであり、読者や検索エンジンにとっては読みにくく、後のメンテナンスにも役立ちません。

CSS インライン スタイルを使用しないほうがよいのはなぜですか?

このチュートリアルの動作環境: Windows 7 システム、css3 バージョン、Dell G3 コンピューター。

推奨: css ビデオ チュートリアル

css インライン スタイル

先頭の style 属性に style 属性を直接記述します。 tag

<div style="属性名称:属性值;属性名称:属性值;"></div>

欠点:

  • 複数の要素でスタイルを共有するのは難しく、コードの再利用にはつながりません
  • HTML および CSS コードは次のとおりです。プログラマや検索エンジンが読むのには適していますが、後のメンテナンスには適していません

注:

  • 開発者にとって、スタイルと HTML の分離は、後で新しいスタイルを変更するのに役立ちます (これは新しいテーマとも言えます。多くの UI フレームワークはテーマを直接切り替えます)

  • ブラウザの場合、スタイルファイルが別ファイルのため、ローカルにキャッシュを作成することができ、Webページへのアクセスを高速化する効果があります。

  • サーバーの場合、スタイル ファイル ブラウザーによって読み込みが軽減されると、サーバーはダウンロード トラフィックを削減し、サーバーの帯域幅を節約できます。

これらはユーザーにとっては重要ではありませんが、ある程度の大きさになると 1 バイトのトラフィックが非常に重要になるため、CSS インライン スタイルは使用しないようにしてください。

プログラミング関連の知識について詳しくは、プログラミング教育をご覧ください。 !

以上がCSS インライン スタイルを使用しないほうがよいのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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