About CSS style naming issues

Source: Internet
Author: User
Tags end header
css| problem
Trademarks: Label
Titles: Title
Main navigation: Mainbav (GLOBALNAV)
Top Navigation: Topnav
Edge Navigation: Sidebar
Left navigation: Leftsidebar
Right navigation: Rightsidebar
Flag Blog: Logo
Slogan: Banner
Menu Contents 1:MENU1 Content
Menu Capacity: Container
Sub-menu: submenu
Edge navigation icon: Sidebaricon
NOTES: note
Breadcrumbs: breadcrumb (that is, the location of the page navigation tips)
Container: Container
Contents: Content
Search on: Search
Login: Login
Ribbon: Shop (e.g. shopping cart, cashier)
The current
Header: Masthead
A summary, summary, or general.
Floating photo photoleft on the left
Floating picture on the right photoright
Titles Title title
Entry Bottom Entrybottom
More extended or. more
Container background CONTAINERBG
Services Service
Service Link ServiceLink
Line lines
Textual text
Right Rightside
Copyrights copyright
News
Book cover Wrapper
Introduction Intro-part1
Columns column
Path pathways
Fragment section
Modular Module
Top Navigation Subnav
2. Notes that are available when editing a style sheet can be written like this:

<--Footer-->
Content Area
<--End Footer-->

3. style file naming

The main master.css
layouts, Layout layout.css
Column Columns.css
Text Font.css
Print style Print.css
Theme Themes.css

4. Note In the style sheet
Instance One
/* GLOBAL---------------------------* *
/* LINKS---------------------------* *
/* FORMS---------------------------* *
/* IDS---------------------------* *
/* HEADER---------------------------* *
/* COLUMN 1---------------------------* *
/* COLUMN 2---------------------------* *
/* CLASSES---------------------------* *

Example Two

Html




















Css

/********************** Site General Tag *************************/
/********************** Navigation Tag *************************/
/********************** Right Content Tag *************************/
/********************** left Content Tag *************************/
/********************** Comments Tag *************************/
/********************** Header Tag *************************/
/********************** Form Tag *************************/
/********************** MOS Tag *************************/
/********************** Sub Navigation Tag *************************/
/************************ Resources Tag ***************************/
/********************** Sitemap Tag **********************/
/********************** Footer Tag *************************/

Example three (NetEase)

Css
#UrsLogin
#LogoNav
#Column
#Content1
#bNav
#Copyright
#UrsLogin
#LogoNav
#SearchArea
#ChannelArea
#HotNews
#NewsCenter
. keyword
#MallArea
#city
#aboutus


Html













Slightly........................

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.