CSS XHTML Normalization Naming reference

CSS Naming conventions

Header: Header content: Content/containe Tail: Footer navigation: Nav Sidebar: Sidebar column: Column page peripheral control overall layout width: Wrapper left Right Center Login: Loginbar Logo: Logo ads: Banner page body: main hotspot: Hot news: News Download: Download sub-navigation: Subnav Menus: Menu submenu: Submenu Search 　　: Search Links: Friendlink footer: Footer Copyright: Copyrights scrolling: Scroll Contents: Content tab: Tab Article list: Listing tip info: Msg tips: Tips Column title: Title join: Joinus Guide: Guild Services: Service registration: Regsiter State: Status vote: Vote partner: Name of the ID in the partnerxhtml file ========== ============== (1) Page structure container: Container header: Header content: Content/container page body: Main footer: Footer navigation: Nav Sidebar: Sidebar column  　　: Column page perimeter control overall layout width: wrapper: Left Right center (2) Navigation: Nav Main: Mainbav sub-navigation: Subnav Top navigation: Topnav side navigation: Sidebar Left navigation: Leftsidebar right navigation: Rightsidebar Menus: Menu submenu: submenu title: Title Abstract: summary (3) function mark: Logo advertisement: Banner login: Lo 　　Gin log-in: Loginbar registration: Regsiter Search: Find Ribbon: Shop title: Title join: Joinus Status: Status button: BTN Scroll: Scroll tab: Tab 　Article List: List hint message: MSG　Current tip: Tips icon: Icon Note: Note Guide: Guild services: Service hotspot: Hot news: News Download: Download vote: Vote partner: PA Rtner Links: Link Copyright: The name of class in the copyrightxhtml file ==================================== (1) Color: Use color names or 16 code, such as ( 　　It is not recommended to be named by performance). Red {color:red;} 　　. F60 {color: #f60;} . ff8600 {color: #ff8600;} 　　(2) Font size, directly using "Font font size" as the name, such as. font12px {font-size:12px;} . font9pt {font-size:9pt;} 　　(3) Alignment style, use the English name of the alignment target, such as. left {float:left;} . bottom {float:bottom;} 　　(4) title bar style, named using "category function", such as. barnews {}. barproduct {} Other relevant considerations ========================= 1. Lowercase; 　　2. Try to use English; 　　3. Do not add the middle bar and underline; 　　　　4. Try not to abbreviate unless you see the words clearly. Main MASTER.CSS Module MODULE.CSS basic common base.css layout, layout layout.css theme themes.css column columns.css text font.c SS form Forms.css Patch MEND.CSS print print.css