html - 要素または個別のタグ/ファイルでスタイルを定義する：違いはありますか

Question

次のhtml-piecesを検討してください

1.1。

<div class="some-class" style="key: value;">

2.2。

<style type="text/css">
  .some-class {color:red;}
</style>
...
<div class="some-class">

3.3。

<div class="some-class">

別の.some-class {color:red;}CSSファイルで。1、2、3に違いはありますか？

score 1 · Accepted Answer

もちろんあります：これらのそれぞれは異なる優先順位を持っています：http ：//www.hongkiat.com/blog/css-priority-level/ 。

そして別の観点から-それは最も簡単な方法で維持することができるので最後のものが最良です。

score 1 · Accepted Answer

マークアップにはスタイリング情報が含まれていないため、外部CSSを使用する3番目のオプションがベストプラクティスと見なされます。それは関心の分離を生み出し、よりクリーンなマークアップを残します。

score 0 · Accepted Answer

はい、違いがあります。

最初のケースでは、優先度が最も高いインライン CSS を使用しているため、それが適用されます。

2 番目のケースでは、css が HTML 内で使用されている場合、それは適切な方法ではありません。

3 番目のケースでは、CSS を外部ファイルで宣言するため、さまざまな HTML ページで使用でき、保守も簡単です。

3 に答える 3