Naming rules for div + CSS during page Cutting

Naming rules for div + CSS during page cutting <br/> content: content/container navigation: nav sidebar: sidebar <br/> column: column logo: logo page subject: main <br/> advertisement: banner hotspot: hot news: News <br/> download: Download subnavigation: subnav menu: menu <br/> Search: Search footer: footer scroll: scroll <br/> copyright: Copyright links: friendlink sub-menu: submenu <br/> content: content tab: tab article list: List <br/> Registration: regsiter prompt information: MSG tips: Tips <br/> join: joinus topic title: Title guide: Guild <br/> service: Service Status: Status vote: Vote <br/> end: footer partner: partner logon entry: loginbar <br/> overall layout width of the page peripheral control: Left right center in wrapper left and right <br/> (2) Description: <br/>/* footer */<br/> content area <br/>/* end footer */<br/> (3) Name of the ID: <br/> (1) Page Structure <br/> container: Container page header: header content: content/container <br/> page subject: Main Page end: footer navigation: nav <br/> sidebar: sidebar Bar: Left right center <br/> overall layout width of the page peripheral control: wrapper <br/> (2) navigation <br/> navigation: nav <br/> main navigation: mainbav <br/> sub-Navigation: subnav <br/> top navigation: topnav <br/> side navigation: sidebar <br/> left navigation: leftsidebar <br/> right navigation: rightsidebar <br/> menu: Menu Sub menu: submenu title: Title Abstract: summary <br/> (3) function <br/> logo: logo <br/> advertisement: banner <br/> login: login <br/> logon entry: loginbar <br/> Registration: regsiter <br/> Search: Search <br/> functional area: Shop <br/> title: title <br/> Add: joinus <br/> Status: Status <br/> button: BTN <br/> scroll: Scroll <br/> tab: tab <br/> Article list: List <br/> tip: MSG <br/> current: Current <br/> tip: Tips <br/> icon: icon <br/> Note: <br/> Guide: Guild <br/> service: Service <br/> hotspot: Hot <br/> News: news <br/> download: Download <br/> vote: Vote <br/> partner: partner <br/> link <br/> copyright: copyright <br/> (4) Class Name: <br/> (1) color: use the color name or hexadecimal code, for example, <br/>. red {color: Red ;}< br/>. f60 {color: # f60 ;}< br/>. ff8600 {color: # ff8600 ;}< br/> (2) font size. Use "font + font size" as the name, as shown in <br/>. font12px {font-size: 12px ;}< br/>. font9pt {font-size: 9pt ;}< br/> (3) alignment style. Use the English name of the alignment target, as shown in <br/>. left {float: Left ;}< br/>. bottom {float: Bottom ;}< br/> (4) title bar style, named by "category + function", as shown in <br/>. barnews {}< br/>. barproduct {}< br/> <br/> Note: <br/> 1. lowercase; <br/> 2. try to use English. <br/> 3. without adding a hyphen or underscore; <br/> 4. try not to be abbreviated, except words that can be understood without looking at them. <br/> the main master.css module module.css basically shares base.css <br/> themes.css column columns.css print print.css <br/> text font.css form forms.css patch mend.css <br/> layout, layout.css <br/>