CSS naming conventions (rules)

Common CSS Naming conventions

Header: Header
content: Content/container
Tail: Footer
navigation: Nav
Sidebar: sidebar
column: Column
page Perimeter control overall layout width: wrapper
Middle: Left Right center
Login bar: Loginbar
flag: Logo
ad: Banner
Page body: main
hotspot: Hot
news: News
download: Download
Sub-navigation: Subnav
menus: Menu
submenu: submenu
Search: Search
Links: friendlink
footer: Footer
copyrights: Copyright
Scrolling: scroll
Contents: Content
Tags: tags
article list: list
prompt information: msg
tips: Tips
Column title: Title
join: Joinus
Guide: Guides
Services: Service
Registration: Regsiter
Status: status
vote: Vote
Partner: Partner

The wording of the annotation

/* Header */
Content Area
/* End Header */

Name of the ID

(1) Page structure

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

(2) 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

(3) 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
Tags 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

CSS style sheet file naming

The main master.css
Module MODULE.CSS
Basic shared Base.css
Layout, Layout layout.css
Theme Themes.css
Column Columns.css
Text Font.css
Form Forms.css
Patch Mend.css
Print Print.css