DIV+CSS naming rules for Web page cut graphs

Content: Content/container Navigation: Nav Sidebar: Sidebar
Column: Column mark: Logo page body: main
Advertising: Banner hot: News
Download: Download sub-navigation: Subnav Menus: Menu
Searching: Search footer: Footer scrolling: Scroll
Copyrights: Copyright Link: Friendlink submenu: Submenu
Contents: Content tab: Tab Article list: List
Registration: Regsiter tip: Msg tips: Tips
Join: Joinus column title: Title Guide: Guild
Services: Service Status: status vote: Vote
Tail: Footer Partner: Partner Login: Loginbar
Page perimeter control overall layout width: wrapper: Left Right Center

(two)the wording of the annotation:
/* Footer */
Content Area
/* End Footer */

(three) IDthe naming:

(1)page Structure 
Container: Container Header: Header content: Content/container
Page body: Main Page end: Footer Navigation: Nav
Sidebar: Sidebar column: Column around: Left Right center
Page perimeter control overall layout width: Wrapper

(2) Navigation
Navigation: Nav
Main navigation: MAINBAV
Sub-navigation: Subnav
Top Navigation: Topnav
Side navigation: Sidebar
Left navigation: Leftsidebar
Right navigation: Rightsidebar
Menus: Menu submenu: submenu title: Title Abstract: summary

(3)function
Logo: Logo
Ad: Banner
Login: Login
Login Strip: Loginbar
Registration: Regsiter
Searches: Search
Functional area: Shop
Caption: Title
Join: Joinus
State: Status
Button: BTN
Scrolling: Scroll
Tabs page: Tab
Article List: List
Hint Message: MSG
Present: Current
Tip: Tips
Icons: Icon
Note: note
Guide: Guild
Services: Service
Hotspot: Hot
Press: News
Download: Download
Vote: Vote
PARTNER: Partner
Links: Link
Copyrights: Copyright

(four) class naming:
(1) Color: Use the name of the color or the 16 code, as shown in
. red {color:red;}
. F60 {color: #f60;}
. ff8600 {color: #ff8600;}
(2) Font size, directly using "font+ font size" as the name, as
. font12px {font-size:12px;}
. font9pt {font-size:9pt;}
(3) Alignment style, using the English name of the alignment target, such as
. left {float:left;}
. bottom {float:bottom;}
(4) title bar style, named using "Category + function", as
. Barnews {}
. barproduct {}

Precautions :
1. Lowercase;
2. Try to use English;
3. Do not add the middle bar and underline;
4. Try not to abbreviate unless you see the words clearly.
The main MASTER.CSS module MODULE.CSS basic Common Base.css
Topic themes.css Column COLUMNS.CSS print print.css
Text font.css form Forms.css Patch Mend.css
Layout, Layout layout.css

DIV+CSS naming rules for Web page cut graphs