Commonly used naming in CSS development

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!