Home >Web Front-end >HTML Tutorial >[div css layout] naming rules_html/css_WEB-ITnose
//What you may encounter on the homepage
Header: header
Login bar: loginBar
Logo: logo
Sidebar: sideBar
Advertisement :banner
Navigation: nav
Sub-navigation: subNav
Menu: menu
Submenu: subMenu
Search: search
Scroll: scroll
Page body: main
Content: content
Tag page: tab
Article list: list
Prompt information: msg
Tips: tips
Column title: title
Join: joinus
Guide: guild
Service: service
Hot spot: hot
News: news
Download: download
Register: regsiter
Status: status
Button: btn
Vote: vote
Partner: partner
Friendly link: friendLink
Footer: footer
Copyright: copyRight
1. CSS ID naming
Coat: wrap
Main navigation: mainNav
Sub navigation: subnav
footer: footer
whole page: content
header: header
footer: footer
trademark: label
title: title
main navigation: mainNav (globalNav)
top navigation: topnav
side navigation: sidebar
left navigation: leftsideBar
right navigation: rightsideBar
banner: logo
slogan: banner
menu content 1: menu1Content
Menu capacity: menuContainer
Submenu: submenu
Side navigation icon: sidebarIcon
Note: note
Breadcrumb: breadCrumb (i.e. navigation prompt of the page location)
Container: container
Content: content
Search: search
Login: login
Ribbon area: shop (such as shopping cart, checkout)
current current
2. Also editing The comments available in the style sheet can be written like this:
Footer ?>
Content area
End Footer ?>
3. Style file naming
Main master .css
layout, layout.css
columns columns.css
text font.css
print style print.css
themes.css