Sharing examples of commonly used css naming rules

This article mainly shares with you some commonly used css naming rules (recommended). I hope this article can help everyone to better learn and master the use of css.

Commonly used css naming rules (recommended)

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

Advertisement: banner

Page body: main

Hot spot: hot

News: news

Download: download

Subnav: subnav

Menu: menu

Submenu: submenu

Search: search

Friendly link: friendlink

Footer: footer

Copyright: copyright

Scroll: scroll

Content: content

Tag page: tab

Article list: list

Prompt information: 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: 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) Function

Logo: logo

Advertising: banner

Login: login

Login bar: loginbar

Register: regsiter

Search: search

Ribbon: 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 shared base.css

Layout, layout.css

themes.css

columns columns.css

Text font.css

Form forms.css

Patch mend.css

Print print.css

Maybe you think naming is very simple, but there is a good naming convention. It will make your development smoother and is a good habit. I hope this article about CSS naming rules can help everyone.

Related recommendations:

Naming rules in HTML

Detailed explanation of naming rules for variables in PHP

A summary of naming rules for HTML and CSS tags

The above is the detailed content of Sharing examples of commonly used css naming rules. For more information, please follow other related articles on the PHP Chinese website!