Home > Web Front-end > HTML Tutorial > div css naming rules_html/css_WEB-ITnose

div css naming rules_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:30:43
Original
1041 people have browsed it

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. Naming of CSS ID

Wrap: 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
Flag: 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: shop (such as shopping cart, checkout)
current current

2. In addition, edit the style Comments available during the table can be written as follows:

<-- 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

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