CSS Naming Contributors

First, the structure of the page

Container: Container

Page Header: Header

Content: Content/container

Page body: Main

Page End: Footer

Navigation: Nav

Sidebar: Sidebar

Column: Column

Page perimeter control overall layout width: Wrapper

Middle: Left Right center

Second, navigation

Navigation: Nav

Main navigation: Mainnav

Sub-navigation: Subnav

Top Navigation: Topnav

Side navigation: Sidebar

Left navigation: Leftsidebar

Right navigation: Rightsidebar

Menus: Menu

Sub-menu: submenu

Caption: Title

Abstract: Summary

Third, the function

Logo: Logo

Ad: Banner

Login: Login

Login Strip: Loginbar

Registration: Register

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: Friendlink

Copyrights: Copyright

Trademark: Label

Four, color

It is recommended to use the name of the color or 16 binary naming:

. red{color:red;}

. F0f0f0{color: #f0f0f0;}

Five, font size

It is recommended to use "font+ font size" naming:

. font12px{font-size:12px;}

. font9pt{font-size:9pt;}

Six, alignment style

It is recommended to use the English name of the alignment target:

. Left{float:left;}

. Bottom{float:bottom;}

Seven, title bar style

Use "category + Features" to name:

. barnews{}

. barproduct{}

Eight, style file naming

The main master.css

Module MODULE.CSS

Basic shared Base.css

Frame, layout layout.css

Theme Themes.css

Column Columns.css

Text Font.css

Form Forms.css

Patch Mend.css

Print Print.css

CSS Naming Contributors