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

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

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

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

css インライン スタイル

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

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

欠点:

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

注:

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

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

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

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

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

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