css命名慣例

一般的な命名規則の参照 ：
方位、大きさ及び範囲
名前を付ける
意味
プロトタイプtop
上
-- bottom
下
-- left
左
-- right
右
-- front
前
-- back
後
-- side
サイド
-- row
行
-- col
列
column bar
バー;search-bar-検索バー
-- box
ボックスlogin-box-ログインボックス
-- block
ブロック;箱と同じ
-- size
サイズ
-- sm
小さい
small md
中
medium lg
大きい
large bold
太い
-- light
細い
-- horizontal
水平
-- vertical
垂直
-- normal
正常一般的
-- align
配置
-- parent
親
--
ページマスター
名前を付ける
意味
プロトタイプheader
ヘッダー
-- nav
ナビゲーションバー
navigation main
メイン
-- content
内容
-- main-content
主な内容
-- footer
フッター
-- container
ようき
-- wrapper
同上
--
ページほじょこうぞう
名前を付ける
意味
プロトタイプlogo
ロゴ
-- headline
トップ
-- sidebar
サイドバー
-- sidebar-left
左側のバー(その他の方向はこのようにします)
-- list
リスト#リスト#
-- title
見出し
-- cat
ぶんかつ
category icon
アイコン
-- menu
メニュー
-- tab
タブページ
-- banner
バナー
-- slider , carousel
ローテーション
-- btn
ツールバーの
button msg
メッセージ
message sub-...
子...例:sub-menu-サブメニュー
-- ...-item
単一...例:nav-item-単一ナビゲーション(ナビゲーションリンク)
--
電子商取引ステーション
名前を付ける
意味
プロトタイプad
広告
advertising promotion
販促
-- hot
売れ行きがよい
-- new
新品
-- product
製品
-- price
価格
-- summary
サマリ
-- publisher
メーカー
-- buy
購入
-- pay
支払い
--
一般的な機能
名前を付ける
意味
プロトタイプlogin
ログイン
-- signup , reg
登録
regsiter, signup logout
ログアウト
-- search
検索
-- keyword
キーワード
-- input
入力
-- output
しゅつりょく
-- scroll
スクロール
-- ranking
の順位を決める
-- anno
公告
announcement