カテゴリー:
CSS
閲覧数:696 配信日:2013-04-01 15:59
前提
下記何れを採用するかについて
論点は2つある
※ここで言う採用とは、PHPでどう実装するか、という話。例えば「外部CSS」で作成されていても、PHPを利用することにより(実装方法によっては)「内部CSS」と同じ効果を得ることも出来る
外部CSS利用
<link href="xxxx" rel="stylesheet">
内部CSS
<style></style>
論点は2つ
1.優先度
・CSSは記述場所によって、適用優先度が異なる、というかなり重要な話
・予め「外部CSS」で記述していたものを、PHPを利用することに何も考えずに「内部CSS」読み込みしてしまうと、意図した内容と違う表示をしてしまうこともあり得るので気をつけよう
2.速度
クライアントのブラウザの設定にもよりますが、同一ファイルはキャッシュしますので、同一CSSファイルを異なるページで読み込ませる場合は外部CSSファイルを読み込ませる方が処理は軽くなります
・内部CSSは(htmlへ記述するから)キャッシュされないが、外部CSSはキャッシュされる？