Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What are the common names of enterprise CSS for web front-end development?

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.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report