What are the common names of enterprise CSS for web front-end development?
The main content of this article is to explain "what are the common names of web front-end development enterprise-level CSS", interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn "web front-end development enterprise-level CSS commonly named what are" it!
Enterprise development css naming convention:
Common naming
Title: title
Summary: summary
Arrow: arrow
Trademark: label
Website logo: logo
Corner / fillet: corner
Banner ad: banner
Submenu: subMenu
Search: search
Search box: searchBox
Login: login
Login bar: loginbar
Toolbar: toolbar
Drop-down: drop
Tab: tab
Current: current
List: list
Scroll: scroll
Service: service
Tip: msg
Hot spot: hot
News: news
Tip: tips
Download: download
Column title: title
Hot spot: hot
Join: joinus
Registration: regsiter
Guide: guide
Link: friendlink
Status: status
Copyright: copyright
Button: btn
Partner: partner
Voting: vote
Left / right / Center: left/right/center
Introduction: profiles
Comment: comment
ID naming
(1) Page structure
Container: container
Header: header
Content: content/container
Page body: main
Footer: footer
Navigation: nav
Sidebar: sidebar
Column: column
Page periphery controls the overall layout width: wrapper
Left and right center: left right center
(2) Navigation
Navigation: nav
Main navigation: mainbav
Subnavigation: subnav
Top navigation: topnav
Edge navigation: sidebar
Left navigation: leftsidebar
Navigation on the right: rightsidebar
Menu: menu
Submenu: submenu
Title: title
Summary: summary
(3) function
Logo: logo
Advertisement: banner
Login: login
Login bar: loginbar
Registration: regsiter
Search: search
Ribbon: shop
Title: title
Join: joinus
Status: status
Button: btn
Scroll: scroll
Tag page: tab
List of articles: list
Tip: msg
Current: current
Tip: tips
Icon: icon
Note: note
Guide: guild
Service: service
Hot spot: hot
News: news
Download: download
Voting: vote
Partner: partner
Link: link
Copyright: copyright
Class naming
(1) Color: use the name of the color or hexadecimal code, such as:
.red {color: red;}
.f60 {color: # f60;}
.ff8600 {color: # ff8600;}
(2) Font size, use "font+ font size" as the name directly, such as:
.font12px {font-size: 12px;}
.font9pt {font-size: 9pt;}
(3) align the style, using the English name of the alignment target, such as:
.left {float:left;}
.bottom {float:bottom;}
(4) title block style, named by "category + function", such as:
.barnews {}
.barproduct {}
At this point, I believe that everyone on the "web front-end development enterprise-level CSS commonly named what" have a deeper understanding, might as well to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!
