2004.10.26

【CSS編】第1回 命名規約について

HTMLのソース内に背景色などを記述していくと、ソースが煩雑になるので、色やサイズなどのデザイン要素はスタイルシートのクラス名を指定します。
今回は、クラスを作成する前に、命名規約について説明します。

スタイルシートのファイル名の命名規約

  • ログイン画面やメニュー部 →menustyle.css
  • 一般(エントリ、マスタ) →comstyle.css

クラス名の命名規約

■ HTMLタグによるデザイン分け
適用する要素名(HTMLタグ)+意味+連番

例)<td>に指定するクラスで、合計値の場合 → TdSum01、TdSum02

HTMLタグとクラス名
HTML/意味クラス名
inputInput
tableTable
trTr
thTh
tdTd
明細M

■ 特定の文字列のみにデザインを付加する場合
Font+大きさ+色+スタイル 例)Font18YeB

色/スタイルとクラス名
色/スタイルクラス名
Re
Bl
Ye
Gr
Or
Gy
太字B
斜体I

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

photo
admin