冒頭に目次を設ける。

・目次の項目に固有の ID を振りエディタの検索で頭出しできるようにする。

(例)
--------------------------------------------------
〜目次〜
1: Initialize (=INI)
2: Layout (=LAY)
3: Decoration (=DEC)
--------------------------------------------------
※ここでの(=INI)などが ID にあたる。=INIで検索することで頭出しが可能となる。
　（CSS には「=」を含む文字列がないため、別の文字がヒットしてしまうことを防ぐ）

レイアウト、装飾などのカテゴリごとに記述を分け、たとえ同じ ID や class であっても分けて記述する。

(分類:レイアウト)
clear,float,display,height,margin,min-width,min-height,
max-width,max-height,padding,position,width,z-index

(分類:装飾)
background,border,color,font,letter-spacing,line-height,
list-style,overflow,text-align,text-indent,text-decoration,vertical-align,visibility

ID、class 名は適切な名前をつける。

・名前は「意味」を考えてつける。font-12pt などの「見た目」を名前にはしない。
　あくまでそのスタイルを適用する要素の意味ごとに名前をつけ、スタイルを設定する。

(例)
--------------------------------------------------
<div id="container">
<p class="info">
<strong class="date"></strong>
</p>
</div>
--------------------------------------------------
※ここでのcontainer、info、dateのこと。
　それぞれに意味があり、「dateの文字の色、太さ、大きさはこれ」という指定の仕方をする。
　（もしfont-12pt、などのスタイルを設定してしまうと、文字サイズなどの変更が生じた際、HTMLを書き換えないといけなくなってしまう。（font-12pt{font-size: 14pt;}などとすると矛盾が生じてしまうため））

できるだけID、classは大枠につけ、配下の要素には名前をつけない。

・各要素ごとに<div>や<p>でくくり、この<div>や<p>に対してIDやclassを割り振り、その配下の<em>や<strong>などには名前をつけないようにする。また同じようなスタイルであっても個別にIDやclassを設定し、セレクタのグループ化で同時に設定する。

(例)
--------------------------------------------------
div#man1 h1,
div#man2 h1,
div#man3 h1{
border-bottom: solid 1px #000;
}
--------------------------------------------------
※こうしておくことで、後々、たとえば man2 の h1 だけ border を 2px に、という指示があっても個別に設定し直すことが容易になる。

(模索)コンポーネント化する。 //模索中の案です。実際に運用に耐えるかは未知数…。

・全ページではないが、複数ページにて同じようなスタイル（色違いなど）が存在する場合は個別ファイルとして用意し、各個別ページ用のファイルから読みこませる。記述内容は必要最低限のものだけとし、個別ファイルにて詳細を設定する。（色や線の太さなど）

(例)
--------------------------------------------------
[comp.css] /* コンポーネントファイル*/
.text-field{
border-left-style: solid;
border-bottom-style: double;
}
[unique.css] /* 個別ファイル */
body#unique .text-field{
border-left-color: #ff5533;
border-bottom-color: #ff5533;
}
--------------------------------------------------
※各要素の定義の分離をはかる。また、プロパティの指定時に省略形を使わない。
　（省略形を使ってしまうと、定義されていない部分のプロパティが省略形の初期値に設定されてしまうため）