The most commonly used naming rules for styles_html/css_WEB-ITnose

Naming rules are very important for front-end development, but there are a lot of naming rules on the Internet. Here are some commonly used phrases that I have summarized. I hope they can help you. They are definitely not complete. Welcome to add to them.

1. If it is a module, you can prefix it like this:

Pop-up: pop Public: global (abbreviation: gb)
Title: title, tit Tip: hint
Menu: menu Information: info
Preview: pvw Navigation: nav

2. Type:
Button: btn Text: txt
Paragraph: p Icon: icon
Color: color (Abbreviation: c ) Background: bg
Border: bor

3. Function:
Setting: set Add: add
Delete: del Operation: op
Password: pw​ ​ ​ Import: inc

4. Status:
Success: suc                                                                                                                                                                                                                                                                                      5. Here are a few small examples:

Text input box: .input_txt

Paragraph text color: .tx_c_p

Password input box: .input_pw

Album pop-up setting layer: .pop_set_photo

Login password input box: .input_pw_login

Log setting success prompt: .hint_suc_blogset
Public prompt: .hint_gb

......

6. Commonly used blocks Name
Header: header             Login bar: loginBar                             Sidebar: sideBar             Advertising: Banner                                      .                 using using using         using   using   using         using       through   through   through out through out‐ through off ‐ ‐ ‐‐‐‐‐ and � to Menu Search: search
Scroll: scroll Page body: main

Content: content Tab page: tab

Article list: list Tip: msg

Tips: tips Column title: title

Add: joinus guide ： guild
Service: service Hotspot: hot
News: news Download: download
Registration: regsiter Status: status
Vote: vote Friendly link: friendLink

Footer: footer Copyright : copyRight