The standard use of DIV+CSS naming rules in Web page production can improve the efficiency of optimization, especially when team cooperation can provide cooperative productivity, specific div CSS naming rules css naming encyclopedia content as follows:

Page Header: Header such as: #header {attribute: property value;} Or. header{Property: property value;}, maybe you need to know the difference between class and ID and how to use it.
Login bar: Loginbar Logo: Logo sidebar: SideBar
Advertising: Banner navigation: Nav sub-navigation: Subnav
Menus: Menu submenu: submenu Searches: Search
Scrolling: Scrollpage Body: Maincontent: Content
Tabs: Tab Articles list: List hint message: MSG
Tips: Tips column title: Title join: Joinus
Guide: Guild Services: Service hotspot: Hot
News: Press Download: Download registration: Regsiter
State: Status button: btn votes: Vote
Partner: Partner Links: FriendlinkFooter: Footer
Copyright: CopyRight
Common mate Tags Div, h1, H2, H3, H4, span, em, B, strong, Font, u

name of the 1.CSS ID Maybe you need to know the difference between class and ID

Coat: Wrap Main navigation: Mainnav: Subnav
Footer: Footer Entire page: Content Header: Header
Copyrights: Copyright trademark: Label Title: Title
Main navigation: Mainnav (GLOBALNAV) Top navigation: Topnav
Side navigation: Sidebar left navigation: Leftsidebar Right navigation: Rightsidebar
Flag: Logo slogan: Banner menu Content 1:menu1content
Menu Size: Menucontainer Sub-menu: submenu
Edge navigation icon: Sidebaricon Note: note
Breadcrumbs: breadCrumb (i.e. navigation tips for page location)
Containers: Container Contents: Content Search: Search
Login: Login function area: shop (e.g. shopping cart, cashier)
Present: Current
div+css Naming Summary: either use the "." (lowercase period) It doesn't matter whether you choose the beginning of the symbol or the name of the "#" symbol, but we'd better follow it,of the main、important to、of Special、The outermost one.The box is named at the beginning of the "#" selection symbol, and the other uses "." (Lowercase period) Select the symbol at the beginning of the name, taking into account that the named CSS selector reuses the call in HTML.

Usually we most commonly use the main name: Wrap (jacket, outermost), header (header, head), NAV (navigation bar), menu, title (column headings, general mates H1h2h3h4 tags)
, Content (contents area), footer (footer, bottom), logo (logo, can be used with H1 tags), banner (banner, general at the top), copyright. Others can be used selectively depending on their needs.

DIVCSS5 advice: The main, important, outermost box is named after the "#" (pound) selection symbol, and the others are "." (Lowercase period) Select the symbol at the beginning of the name.
The 2.CSS style file is named as follows

The main master.css
Layout, Layout layout.css
Column Columns.css
Text Font.css
Print style Print.css
Theme Themes.css

Maybe you need to know about CSS references to HTML methods

The above is a summary of the naming rules of DIV+CSS, I believe that through the specification of CSS naming to you later Web site maintenance to bring convenience.

The standard use of DIV+CSS naming rules in Web page production can improve the efficiency of optimization, especially when team cooperation can provide cooperative productivity, specific div CSS naming rules css naming encyclopedia content as follows: