htmlにおけるcss、divネーミング仕様

htmlにおけるcss、divネーミング仕様

1.クラスclassのネーミング仕様の例

　　 ：header
　　  ：content/container
　　 ：footer
　　  ：nav
　　  ：sidebar
　　  ：column
　　            ：wrapper
　　   ：left right center
　　   ：loginbar
　　  ：logo
　　  ：banner
　　    ：main
　　  ：hot
　　  ：news
　　  ：download
　　   ：subnav
　　  ：menu
　　   ：submenu
　　  ：search
　　    ：friendlink
　　  ：footer
　　  ：copyright
　　  ：scroll
　　  ：content
　　   ：tab
　　    ：list
　　    ：msg
　　   ：tips
　　    ：title
　　  ：joinus
　　  ：guild
　　  ：service
　　  ：regsiter
　　  ：status
　　  ：vote
　　    ：partner

2.コメントの書き方

　　/*Footer */
　　   
　　/* End Footer */

3.idの命名

(1)    

　　  : container

　　  ：header

　　  ：content/container

　　    ：main

　　  ：footer

　　  ：nav

　　  ：sidebar

　　  ：column

　　            ：wrapper

　　   ：left right center

(2)  

　　  ：nav

　　   ：mainbav

　　   ：subnav

　　   ：topnav

　　   ：sidebar

　　   ：leftsidebar

　　   ：rightsidebar

　　  ：menu

　　   ：submenu

　　  : title

　　  : summary

(3)  

　　  ：logo

　　  ：banner

　　  ：login

　　   ：loginbar

　　  ：regsiter

　　  ：search

　　   ：shop

　　  ：title

　　  ：joinus

　　  ：status

　　  ：btn

　　  ：scroll

　　   ：tab

　　    ：list

　　    ：msg

　　   : current

　　   ：tips

　　  : icon

　　  ：note

　　  ：guild

　　  ：service

　　  ：hot

　　  ：news

　　  ：download

　　  ：vote

　　    ：partner

　　    ：link

4.クラスclassの表記仕様例

　　（1）  ：         16    ， 
　　.red { color： red； }
　　.f60 { color： #f60； }
　　.ff8600 { color： #ff8600； }
　　（2）    ，    "font+    "    ， 
　　.font12px { font-size： 12px； }
　　.font9pt {font-size： 9pt； }
　　（3）    ，           ， 
　　.left { float：left； }
　　.bottom { float：bottom； }
　　（4）     ，  "  +  "     ， 
　　.barnews { }
　　.barproduct { }

5.CSSスタイルファイルの名前は次のとおりです。

　　    master.css
　　   module.css
　　     base.css
　　  ，   layout.css
　　   themes.css
　　   columns.css
　　   font.css
　　   forms.css
　　   mend.css
　　   print.css

6.注意事項

　　（1）    ；
​    （2）     ；
　　（3）        ；
　　（4）     ，          ；