Notebook paste, not to test the source, in general, each company has its own set of naming methods, because in the large project development process team collaboration, if the naming method is not unified, then it is prone to conflict issues. DIV+CSS naming rules content:content/container navigation:nav Sidebar: Sidebar in Web page drawing Column:column Flag:logo page body: main ads:banner Hotspots:hot news: Press Download:download sub-navigation:subnav menus: Menu Search:search footer:footer scrolling: scroll Copyright:copyright Links:friendlink submenu: submenu Content:content tab:tab Article list: Lists Register:regsiter Tips:msg tips: Tips join:joinus column title:title Guide: Guild Service:service Status:status votes: Vote :footer partner:partner Login: Loginbar page perimeter control overall layout width:wrapper : Left right center (ii) notation: & nbsp;/* Footer */ content area /* End Footer */ (iii) name of ID: (1) Page structure  &NBSp; Container: container header:header content: Content/container page body:main footer:footer navigation: Nav Sidebar:sidebar column:column : Left Right center page perimeter control overall layout width: wrapper (2) Navigation Navigation: Nav main navigation: MAINBAV Sub-nav: Subnav Top navigation: Topnav Side navigation: Sidebar left navigation: Leftsidebar Right navigation: Rightsidebar Menu:menu submenu: Submenu Title: title Abstract: summary (3) features logos: Logo ads: Banner LOGIN: Login & nbsp; log-in: Loginbar Registration: Regsiter Searching: Search Ribbon: Shop title: Title Join: Joinus statuses: status buttons: btn scrolling: Scroll tabs: Tab Article list: Lists & nbsp Tips: Msg Present: Current tips: Tips Icons: Icon NOTES: note Guide: Guild Services: Service hotspots: Hot &NBSP Press: News Downloads: Download votes: Vote Partners: Partner Links: Link & nbsp; Copyright:copyright (iv) class naming: (1) Color: Using the name of a color or 16 code, such as .red {color:red;} .f60 {color: #f60;} .ff8600 {color: #ff8600;} (2) font size, directly using "font+ font size" as the name, such as .font12px {font-size:12px;} .font9pt {font-size:9pt;} (3) Alignment style, using the alignment target of the English Text name, such as .left {float:left;} .bottom {float:bottom;} (4) title bar style, using "Category + function" "The way to name, such as .barnews {} .barproduct {} Note: 1. All lowercase;  2. Try to use English; 3. Do not add the middle bar and underline 4. Try not to abbreviate unless you see the words clearly main master.css module module.css basic sharing Base.css Theme themes.css column columns.css print print.css text font.css form forms.css patch Mend.css Layout, layout layout.css
Front-end development about named grooming