十五日目！（ＣＳＳユーザースタイル、分割～）

つづき進めていきます。

●ユーザースタイルシート
ＣＳＳはＷｅｂページを製作する人ばかりでなく、ユーザーが自分でつくって閲覧するページに適用することができる。目が悪いためにフォントをかなり大きいサイズにしたい、色覚障害のための文字色や背景色をグレースケールにしたいなど、自分の好みの見た目でＷｅｂページを閲覧したい場合、ユーザーが自分で作る。

ＣＳＳ適用の優先順位は

（ブラウザの）デフォルトスタイル　＜　ユーザースタイル　＜製作者スタイル

となるので、製作者スタイルが最優先で適用されることになるが、ユーザースタイルを最優先で適用するために、プロパティに「!important」をつけることができる。製作者も「!important」をつけることができるが、ユーザーの「!important」つきスタイルが優先される。

!importantつき製作者スタイル　＜　!importantつきユーザースタイル

●ＣＳＳファイルの分割のメリット
目的に応じたＣＳＳのファイル設計をあらかじめきちんと考えておくことが大切。
ＣＳＳのソースコードをいくつかの部品に分解し、複数のファイルで管理する。

ＣＳＳファイルを分割することで、「作業が効率的」になる。コーディング時や修正時、問題が起こったとき、リニューアルのときなど素早く問題解決できる。

初期セッティングが早くなる。
何度も、ＸＨＴＭＬ+ＣＳＳコーディングを経験すると、「毎回使うスタイル」があるので、そういうものをファイルにまとめておけば、次回から使いまわせる。

修正時の検索性が上がる
複数のファイルでＣＳＳを管理していれば、ファイル名から「何が記述されているか」想像できるので、目的のＣＳＳ記述場所がみつけやすい。

問題点を絞り込みやすい
問題がおきたとき、読み込んでいるＣＳＳの１つずつ解除していけば、問題のあるＣＳＳファイルがどれなのか原因が特定しやすい。

カテゴリーごとやページごとで違ったデザインにしやすい
ＣＳＳの後から読み込んだもので「上書き」する特徴を活かし、共通のスタイルを読み込んだあとで、カテゴリーごとなどで用意した、違うデザインのＣＳＳで上書きを行えば簡単にできる。

ＣＳＳの差し替えや削除が簡単
Webデザインにはある程度決まったレイアウトパターンがあるので、あらかじめパターンごとのＣＳＳファイルをつくっておけば必要に応じて差し替えるだけでレイアウト変更が可能。またキャンペーンなど一定期間が終われば丸ごとなくなるようなコンテンツの場合、その固有のスタイルを別のＣＳＳファイルにまとめておくことで、コンテンツ削除時にＣＳＳもファイルごと削除すれば済む。

ＣＳＳハックが管理しやすい
ブラウザごとの表示の違いを調整する「ＣＳＳハック」も独立したＣＳＳファイルに記述しておくことで、作業が効率化できる。

複数のスタッフで作業しやすい
ＣＳＳが分割されていれば、複数のスタッフでコーディング作業がしやすくなる。

●ファイルの分割のデメリットと対策
ＣＳＳの分割は「細かく分ければおｋ」ではなく、適切に設計しなければならない。

混乱を招くことがある
記述場所の間違いや重複などがおこらないように、直感的にわかるファイル名をきちんとつけておくことが大切。

ファイル管理やバージョン管理が煩雑になる
ファイルの”先祖返り”や上書きミス、重複指定などを回避するために、更新履歴を書いておく。
ＣＳＳファイルの上部（@charsetのあとに）ファイル名や概要、更新日、更新者、ファイル名の目次などの「インフォメーション」をしっかり書いておく。

ページの表示速度に影響することがある
ＣＳＳファイルを細かく分けると、それだけＨＴＴＰリクエストの数が増えることになるので、ページの表示速度が遅くなってしまうので対策としては、製作段階では細かく分割していても、公開時には数ファイルに統合するという方法がある。

本日はここまで。