In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-04-03 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/01 Report--
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!
Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.
Views: 0
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.