CSS class name naming conventions

CSS style naming	Description
Web page public naming
#wrapper	Page perimeter control Overall layout width
#container或 #content	container, for outermost
#layout	Layout
#head, #header	Page Head points
#foot, #footer	Footer section
#nav	Main navigation
#subnav	Second-level navigation
#menu	Menu
#submenu	Sub-Menu
#sideBar	Side bar
#sidebar_a, #sidebar_b	Left column or right column
#main	Page body
#tag	Label
#msg #message	Prompt information
#tips	Little Tricks
#vote	Vote
#friendlink	Friendship Connection
#title	Title
#summary	Summary
#loginbar	Login Bar
#searchInput	Search Input Box
#hot	Popular hot Spots
#search	Search
#search_output	Search output is similar to search results
#searchBar	Search bar
#search_results	Search results
#copyright	Copyright information
#branding	Trademark
#logo	Website Logo logo
#siteinfo	Website Information
#siteinfoLegal	Legal Notices
#siteinfoCredits	Credibility
#joinus	Join us
#partner	Our Partners
#service	Service
#regsiter	Registered
Arr/arrow	Arrow
#guild	Guide
#sitemap	Site Map
#list	List
#homepage	Home
#subpage	Level two page face page
#tool, #toolbar	Tool bar
#drop	Drop down
#dorpmenu	Drop-down menu
#status	State
#scroll	Rolling
. tab	tab page
. Left. Right. Center	Left, centre, and right
. News	News
. download	Download
. Banner	Banner (top ad bar)

CSS Naming conventions

Head: Header

Content: Content/container

Tail: Footer

Navigation: Nav

Sidebar: Sidebar

Column: Column

Page perimeter control overall layout width: Wrapper

Middle: Left Right center

Login Strip: Loginbar

Logo: Logo

Ad: Banner

Page body: Main

Hotspot: Hot

Press: News

Download: Download

Sub-navigation: Subnav

Menus: Menu

Sub-menu: submenu

Searches: Search

Links: Friendlink

Footer: Footer

Copyrights: Copyright

Scrolling: Scroll

Contents: Content

Tabs page: Tab

Article List: List

Hint Message: MSG

Tip: Tips

Column Title: Title

Join: Joinus

Guide: Guild

Services: Service

Registration: Regsiter

State: Status

Vote: Vote

PARTNER: Partner

Naming rules for Css+div:

Login Strip: Loginbar

Logo: Logo

Sidebar: SideBar

Ad: Banner

Navigation: Nav

Sub-navigation: Subnav

Menus: Menu

Sub-menu: submenu

Searches: Search

Scrolling: Scroll

Page body: Main

Contents: Content

Tabs page: Tab

Article List: List

Hint Message: MSG

Tip: Tips

Column Title: Title

Links: Friendlink

Footer: Footer

Join: Joinus

Guide: Guild

Services: Service

Hotspot: Hot

Press: News

Download: Download

Registration: Regsiter

State: Status

Button: BTN

Vote: Vote

PARTNER: Partner

Copyrights: Copyright

The naming of 1.CSSID

Jacket: Wrap

Main navigation: Mainnav

Sub-navigation: Subnav

Footer: Footer

Entire page: Content

Headers: Header

Footer: Footer

Trademark: Label

Caption: 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 Capacity: Menucontainer

Sub-menu: submenu

Edge navigation icon: Sidebaricon

Note: note

Breadcrumbs: breadCrumb (i.e. navigation tips for page location)

Container: Container

Contents: Content

Searches: Search

Login: Login

Functional area: Shop (e.g. shopping cart, cashier)

The current

2. style file naming

Main: Master.css

Layout page: Layout.css

Rubric: Columns.css

Text: Font.css

Plot style: Print.css

Theme: Themes.css

The feeling of this writing is quite useful, it is collected.

Original address: 79758008

CSS class name naming conventions