Home > Article > Web Front-end > Common css naming rules
Common css naming rules
- WBOYOriginal
- 2016-08-18 08:57:551248browse
Header: header
Content: content/container
Tail: footer
Navigation:nav
Sidebar: sidebar
Column: column
Page peripheral control overall layout width: wrapper
left right center
Login bar: loginbar
Logo: logo
Advertisement: banner
Page body: main
Hotspot: hot
News: news
Download: download
Sub navigation: subnav
Menu: menu
Submenu: submenu
Search: search
Friendly link: friendlink
Footer: footer
Copyright: copyright
Scroll: scroll
Content: content
Tab page: tab
Article list: list
Prompt message: msg
Tips: tips
Column title: title
Join: joinus
Guide: guild
Service: service
Register: regsiter
Status: status
Vote:vote
Partner: partner
(1) Page structure
Container: container
Header: header
Content: content/container
Page body: main
Footer: footer
Navigation:nav
Sidebar: sidebar
Column: column
Page peripheral control overall layout width: wrapper
left right center
(2)Navigation
Navigation:nav
Main navigation: mainbav
Sub navigation: subnav
Top navigation: topnav
Side navigation: sidebar
Left navigation: leftsidebar
Right navigation: rightsidebar
Menu: menu
Submenu: submenu
Title: title
Summary: summary
(3) Functions
Logo: logo
Advertisement: banner
Login: login
Login bar: loginbar
Register: regsiter
Search: search
Ribbon area: shop
Title: title
Join: joinus
Status: status
Button: btn
Scroll: scroll
Tab page: tab
Article list: list
Prompt message: msg
current: current
Tips: tips
icon: icon
Note: note
Guide: guild
Service: service
Hotspot: hot
News: news
Download: download
Vote:vote
Partner: partner
Friendly links: link
Copyright: copyright
main master.css
module module.css
Basically share base.css
Layout, layout.css
themes themes.css
column columns.css
Text font.css
form forms.css
patch mend.css
Print print.css