HTMLのソース内に背景色などを記述していくと、ソースが煩雑になるので、色やサイズなどのデザイン要素はスタイルシートのクラス名を指定します。
今回は、クラスを作成する前に、命名規約について説明します。
スタイルシートのファイル名の命名規約
- ログイン画面やメニュー部 →menustyle.css
- 一般(エントリ、マスタ) →comstyle.css
クラス名の命名規約
- ■ HTMLタグによるデザイン分け
- 適用する要素名(HTMLタグ)+意味+連番
例)<td>に指定するクラスで、合計値の場合 → TdSum01、TdSum02
HTMLタグとクラス名 HTML/意味 クラス名 input Input table Table tr Tr th Th td Td 明細 M - ■ 特定の文字列のみにデザインを付加する場合
- Font+大きさ+色+スタイル 例)Font18YeB
色/スタイルとクラス名 色/スタイル クラス名 赤 Re 青 Bl 黄 Ye 緑 Gr 橙 Or 灰 Gy 太字 B 斜体 I