Home > Article > Web Front-end > Commonly used naming in CSS development
Commonly used naming in CSS development
- Guanhuiforward
- 2020-05-22 11:05:392098browse
CSS Naming Specifications (Rules) Commonly used CSS naming rules
Header: header
Content: content/container
Tail: footer
Navigation: nav
Sidebar: sidebar
Column: column
Page peripheral control overall layout width: wrapper
Left right center: left right center
Login bar: loginbar
Logo: logo
Advertising: banner
Page main body: main
Hotspot: hot
News: news
Download: download
Sub-navigation: subnav
Menu: menu
Sub Menu: submenu
Search: search
Friendly link: friendlink
Footer: footer
Copyright: copyright
Scroll: scroll
Content: content
Tags: tags
Article list: list
Prompt message: msg
Tips: tips
Column title: title
Join: joinus
Guide: guide
Service: service
Registration: regsiter
Status: status
Vote: vote
Partner: partner
Comments:
/* Header */
Content Area
/* End Header */
Id naming:
1. Page structure
Container: container
Page header : header
Content: content/container
Page body: main
Footer: footer
Navigation: nav
Sidebar : sidebar
Column: column
Page peripheral control overall layout width: wrapper
Left and right center: 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
Menu: menu
Submenu: submenu
Title: title
Summary : summary
3. Function
Logo: logo
Advertisement: banner
Login: login
Login bar: loginbar
Register: register
Search: search
Ribbon: shop
Title: title
Join: joinus
Status: status
Button: btn
Scroll: scroll
Tab: tab
Article list: list
Prompt message: msg
Current: current
Tips: tips
Icon: icon
Notes: note
Guide: guild
Service: service
Hot spot: hot
News: news
Download: download
Vote: vote
Cooperation Partner: partner
Friendly link: link
Copyright: copyright
Notes::
1. All lowercase letters;
2 .Use English as much as possible;
3.Do not add dashes and underlines;
4.Try not to abbreviate words unless they are words that are easy to understand at a glance.
CSS style sheet file naming
Main master.css
Module module.css
Basic shared base.css
Layout , layout layout.css
Themes themes.css
Columns columns.css
Text font.css
Forms forms.css
Patch mend.css
Print print.css
Recommended tutorial: "CSS tutorial"
The above is the detailed content of Commonly used naming in CSS development. For more information, please follow other related articles on the PHP Chinese website!