Home >Web Front-end >CSS Tutorial >css naming convention_experience exchange
css naming convention_experience exchange
- WBOYOriginal
- 2016-05-16 12:09:111482browse
Header: header
Login bar: loginbar
Logo: logo
Sidebar: sidebar ## # Advertisement:
banner Navigation:
nav Sub-navigation:
subnav Menu:
menu
Submenu: submenu Search:
search Scroll:
scroll Main page:
main Content:
content Tag page:
tab
Article list: list Prompt message:
msg ## # Tips: tips
Column title: title
Join:
joinus Guide: guild ##
#Service: service
Hot spot: hot
News: news
Download: download # ##Registration:
regsiter Status:
status
Button: btn Vote:
vote Partner:
partner Friendly link:
friendlink Footer:
footer
Copyright: copyright## #------------------------------------------------- --------->
1. CSS ID naming
Wrap:
wrap
Main navigation: # ##mainnav
Sub navigation: subnav
Footer: footer
Entire page: content
Header ： header
Footer: footer
Trademark: label
Title: title
Main Navigation ： mainbav（globalnav）
Top navigation: topnav
Side navigation: sidebar
Left navigation: leftsidebar
Right navigation: rightsidebar
Flag: logo
Slogan: banner
Menu content 1: menu1content# ##Menu capacity:
menucontainerSubmenu:
submenuSide navigation icon:
sidebarIconComments:
note
Breadcrumbs: breadcrumb(i.e. navigation prompts for the location of the page)Container: container
Content: content
Search: search
Login: Login
Ribbon ： shop(such as shopping cart, cashier)
currentcurrent
2. In addition, the comments available when editing the style sheet can be like this Write:
<-- Footer -->
Content area
<-- End Footer -->
3. Style file naming##
#Main
master.cssLayout, layout
layout.cssColumns
columns.cssText
font.cssPrint style
print.cssTheme
themes.css