Collectible CSS Naming Specifications (Rules) Common CSS Naming Rules

Time:2019-6-2

CSS Naming Specification (Rules) Common CSS Naming Rules

Header
Content: content/container
Tail: footer
Navigation: nav
Side bar: sidebar
Column:column
Page periphery controls overall layout width: wrapper
Left right center
Login bar
Logo
Advertising: banner
Page body: main
Hot spots:
News:
Download: Download
Subnavigation: subnav
Menu: menu
Submenu: submenu
Search: search
Friendship link: FriendLink
Footer: footer
Copyright: copyright
Scroll: scroll
Content:
Label: Tags
List of articles:
Prompt message: MSG
Tips
Column heading: title
Accession: joinus
Guide:
Services:
Registration: regsiter
Status:
Voting:
Partners: partners

The wording of the notes:
 /* Header */
Content area
 /* End Header */

The naming of Id:

1) Page structure

Container: container
Header: header
Content: content/container
Page body: main
At the end of the page: footer
Navigation: nav
Side bar: sidebar
Column:column
Page periphery controls overall layout width: wrapper
Left right center

(2) navigation

Navigation: nav
Leading Navigation: Mainav
Subnavigation: subnav
Top Navigation: Topnav
Side navigation: sidebar
Left navigation: left sidebar
Right navigation: right sidebar
Menu: menu
Submenu: submenu
Title: title
Summary

(3) function

Logo
Advertising: banner
Login
Login bar
Registration:
Search: search
Functional area:shop
Title:title
Accession: joinus
Status:
Button: BTN
Scroll: scroll
Tab: tab
List of articles:
Prompt message: MSG
Current: current
Tips
Icon: Icon
Note:
Guidelines: guild
Services:
Hot spots:
News:
Download: Download
Voting:
Partners: partners
Links:
Copyright: copyright

Matters needing attention::

1. All lowercase cases;
2. Use English as much as possible.
3. No cross and underscore;
4. Try not to abbreviate unless you see the words clearly.

CSS Style Sheet File Naming

Major master.css
Module module.css
Basic Common Base.css
Layout, layout.css
Theme themes.css
Columns.css
Font.css
Forms.css
Patch mend.css
Print print.css

summary

The above is a common CSS naming rule introduced by Xiaobian. I hope it will be helpful to you. If you have any questions, please leave me a message and Xiaobian will reply to you in time. Thank you very much for your support to developpaer.