Home > Web Front-end > H5 Tutorial > body text

How to name CSS correctly

小云云
Release: 2018-01-27 10:22:06
Original
2431 people have browsed it

Everyone knows that CSS naming has its rules and methods, but what do you know? This article mainly shares CSS naming rules and naming methods with you, hoping to help you.

CSS Naming Rules

Header: header

Content: content/containe

Trailer: footer

Navigation: nav

Sidebar: sidebar

Column: column

Page peripheral control overall layout width: wrapper

Left and right center: left
                                                                                                                                                                                        .
# Login bar: loginbar

Logo: logo

Advertisement: banner

Page 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

Tag page: tab

Article list: list

Prompt message: msg

Tips: tips

Column title: title

Join: joinus

Guide: guild

Service: service

Registration: regsiter

Status: status

Vote :vote

Partner:partner

-------------------------------- ----


Naming rules for CSS+p:

Login bar: loginBar

Logo: logo

Sidebar: sideBar

Advertisement: banner

Navigation: nav

Sub-navigation: subNav

Menu: menu

Sub-menu: subMenu

Search: search

Scroll: scroll

Page body: main

Content: content

Tag page: tab

Article List: list

Prompt information: msg

Tips: tips

Column title: title

Friendly link: friendLink

Page Foot: footer

Join: joinus

Guide: guild

Service: service

Hotspot: hot

News: news

Download: download

Registration: regsiter

Status: status

Button: btn

Vote: vote

Cooperation Partner: partner

Copyright: copyRight

Related recommendations:


CSS naming convention saves debugging time answer

CSS naming rules

HTML+CSS naming rules introduction

The above is the detailed content of How to name CSS correctly. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template