Home > Web Front-end > CSS Tutorial > css naming convention_experience exchange

css naming convention_experience exchange

WBOY
Release: 2016-05-16 12:09:11
Original
1493 people have browsed it

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template