CSS Naming conventions

CSS Naming conventions

Page structure naming

1. Page: Represents the entire page for the outermost layer

2. Wrap: Jacket, a peripheral package that wraps all the elements together for the outermost

3, wrapper: page Peripheral control overall layout width, for the outermost

4. Container: A whole container for the outermost layer

5. Head, Header: Header area, for head

6. Nav: Navigation bar

7. Content: Contents, the most important content area of the website, used in the central part of the Web page

8. Main: Major areas of the site (representing the most important piece of the location), for the central body content

9, Column: Column

10. Sidebar: Side bar

11, Foot, footer: footer, footers. Site some additional information to place the area, (or named copyright) for the bottom

Navigation naming

1, nav, navbar, navigation, Nav-wrapper: navigation bar or navigation bag, representing horizontal navigation

2. Topnav: Top Navigation

3, MAINBAV: main navigation

4, Subnav: sub-navigation

5, sidebar: Side navigation

6, Leftsidebar or sidebar_a: left navigation

7, Rightsidebar or sidebar_b: Right navigation

8. Title: Titles

9, Summary: Abstract

10. Menu: Menus, areas containing general links and menus

11.submenu: Sub-menu

12. Drop: Drop down

13.dropmenu: drop-down menu

14.links: Link Menu

Feature naming

1.logo: Mark website logo logo

2, Banner: Slogan, banner, top advertising bar

3. Login: Login

4, Loginbar: Login Bar

5, Regsiter: Registration

6, Tool, toolbar: toolbar

7. Search: Searching

8. Searchbar: Search bar

9. Searchinput: Search Input Box

10, Shop: Functional area, indicating the current

11, Icon: Small icon

12. Label: Trademark

13, Homepage: Home

14, subpage: Level two page face page

15, hot: Popular hot spots

16. List: Articles

17. Scroll: Scrolling

18. Tab: Label

19, Sitemap: Sitemap

20. MSG or message: Prompt information

21, current: the present

22, Joinus: Join

23. Status: State

24. BTN: Button

25. Tips: Tips

26. Note: note

27. Guild: Guide

28. Arr, Arrow: Mark Arrows

29, Service: Services

30, Breadcrumb: (That is, the location of the page navigation tips)

31, Download: Download

32. Vote: Voting

33, Siteinfo: Website information

34, Partner: Partners

35, Link, Friendlink: links

36. Copyrights: Copyright Information

37.siteinfoCredits: Reputation

38. Siteinfolegal: Legal Information

CSS style naming

1. Name the alignment style: Left (content on the right), center (middle content)

2, color in English name: Red (red), green, yellow (yellow), or border_red (red border), etc.

3, color code name: f00 (red), ff0 (yellow), F90 (orange), etc.

4, Text size name: font12px (font 12 pixels), font16px (font 16 pixels), etc.

5, page line name: line_x (horizontal), line_y (longitudinal line) or line_red (red), Line_black (Black)

6, Picture icon name: pic_1.jpg, pic_2.jpg or Ico_1.gif, ico_2.gif

7, the page ad named: ad_01, ad_02

8, background frame naming: Nav_bg (representing the position of the background picture of the navigation bar), TOOL_BG (representing the background image position of the toolbar)

CSS style sheet naming

1. INDEX.CSS: Create a style on the homepage of a single page

2, Head.css: Head style, multiple page head design style is used together

3. Base.css: Common style

4. STYLE.CSS: Style files used by standalone pages

5, Global.css: Page Style Foundation, the global common style, the page must contain.

6, Layout.css: layout, layout style, more common types of use, generally used in the first page level pages and product class pages

7, Module.css: module, for the Product category page, can also be used in conjunction with other styles

8, Master.css: The main style sheet

9. COLUMNS.CSS: Column Style

10. Themes.css: Body style

11. Forms.css: Form Style

12, Mend.css: Patches, based on the above style of privatization repair

CSS Naming conventions