div,命名（Div, named）.docVIP

div,命名（Div, named） (three) the naming of id: (1) page structure Container: container header: header content: content/container Page body: Main footer: footer navigation: nav Side column: sidebar column: around column: left, right, center Page external control overall layout width: wrapper 4. try not to abbreviate words unless you see them clearly The main master.css module, module.css, basically shares base.css Topic themes.css column columns.css print print.css Text font.css form forms.css patch mend.css Layout, layout, layout.css (2) navigation; Navigation: nav Main navigation: mainbav Sub navigation: subnav Top navigation: topnav Side navigation: sidebar Left navigation: leftsidebar Right navigation: rightsidebar Menu: menu submenu: submenu Title: Title Abstract: summary (3) function Flag: Logo Advertisement: Banner Landing: Login Login bar: loginbar Registration: regsiter Search: Search Function area: shop Title: title Join: joinus Status: Status Button: BTN Scroll: Scroll Tab: tab Article list: List Prompt message: MSG Current: current Tip: Tips Icon: Icon Note: Note Guide: Guild Services: Service Hot spot: Hot News: News Download: Download Vote: vote Partner: Partner Links: link Copyright: Copyright (four) the naming of class: (1) color: use the color name or 16 band code, such as .red {color: red} .f60 {color: #f60} .ff8600 {color: #ff8600} (2) font size, directly using the font+ font size as a name, such as .font12px {font-size: 12px} .font9pt {font-size: 9pt;} (3) align the style, using the English name of the aligned target, such as .left {float:left;} .bottom {float:bottom;} (4) title bar style, named by category + function, such as .barnews {} .barproduct {} Content: content/container Navigation: nav Sidebar: sidebar Column: column Flag: Logo Page body: Main Advertisement: Banner Hot spot: Hot News: News Download: Download Sub navigation: subnav Menu: menu Search: Search Footer: footer Scroll: Scroll Copyright: Copyright Links: FriendLink Submenu: submen