CSS Writing Order
1. Position properties: Position top left Z-index display float
2. Size: Width height padding margin
3. Text style: Font line-height letter-spacing color text-align
4. Background: Background border
5. Other: Animation transition
CSS Abbreviations
span { font:14px/30px ' blackbody '; /* font Size/Line height */ font:. 8em/30px ' blackbody '; /* font Size/Line height */ }
hyphen CSS Selector naming specification
Use ' middle Dash ' to name, do not use ' _ ', some browsers are incompatible
Add a status prefix to the selector is-
Common CSS Naming conventions
Head: header| Content: content| Tail: footer| navigation: Nav
Sidebar: sidebar| column: column| overall wide body: Wrapper
Left center right:
Login Strip: Loginbar
Logo: logo| Ad: banner| page body: main
Hot: hot| News | Download: diwnload
Sub-navigation: subnav| Menu: menu| submenu: Submenu
Search: search| Links: Friendlink
Copyright: Copyright| Scroll: scroll| Tags: tags
Tip: Msg| column title: Title
Guide: Guild | Registration: Regsiter Status: State
Vote: vote| Partner: Partner
Style sheet file naming
Main: Master.css
Module: MODULE.CSS
Basic common use: BASE.CSS
Layout, layout: layout.css
Theme: Themes.css
CSS Writing specification collation