css制御ページのいくつかの方法と優先度
1014 ワード
1行のスタイル
最も直接的で簡単で、HTMLタグに対してstyle=""を直接使用します.例えば:
欠点:HTMLページは純粋ではなく、ファイルの体積が大きすぎて、クモの爬行を検索するのに不利で、後期のメンテナンスコストが高い.
2インラインスタイル
の間に書き、で宣言します.例:
特徴:ページが多すぎると、ファイルの体積が大きくなり、後期メンテナンスに不利になります.一般的には適合ファイルが少なく、cssコードも多くない場合に使用されます.
3リンクスタイル
の間にラベルを追加します.たとえば、次のようにします.
特徴:構造と表現の完全な分離を実現し、前期の制作と後期のメンテナンスに有利である.
4インポートスタイル
間でimportでスタイルをインポートします.例:
4つの方法の優先度:「近接原則」
「アドホック」>「インライン」>「リンク」>「インポート」
最も直接的で簡単で、HTMLタグに対してstyle=""を直接使用します.例えば:
<p style="color:#F00; background:#CCC; font-size:12px;"></p>欠点:HTMLページは純粋ではなく、ファイルの体積が大きすぎて、クモの爬行を検索するのに不利で、後期のメンテナンスコストが高い.
2インラインスタイル
の間に書き、で宣言します.例:
<head>
<style type = "text/css">
p { color:#F00;
background:#CCC;
font-size:12px;
}
</head>特徴:ページが多すぎると、ファイルの体積が大きくなり、後期メンテナンスに不利になります.一般的には適合ファイルが少なく、cssコードも多くない場合に使用されます.
3リンクスタイル
の間にラベルを追加します.たとえば、次のようにします.
<head>
<link rel="stylesheet" type="text/css" href = "example.css" />
</head>特徴:構造と表現の完全な分離を実現し、前期の制作と後期のメンテナンスに有利である.
4インポートスタイル
間でimportでスタイルをインポートします.例:
<head>
<style type="text/css">
@import"example.css";
</style>
</head>4つの方法の優先度:「近接原則」
「アドホック」>「インライン」>「リンク」>「インポート」