css书写顺序
1.位置属性（position, top, right, z-index, display, float等)建议把display写在第一位关系到模式
2.自身属性（width, height, margin, padding, border, background )
3.文本属性 (color, font, text-decoration, text-align, vertical-align, white-space, break-word等 )
4.其它属性 (content, cursor, border-radius, box-shadow, text-shadow, background:linear-gradient等 ）
命名规范
长名称或词组可以使用中横线来为选择器命名，不推荐使用下划线为了去js区分也少按一个shift
常见名称
头：header 下载：download 小技巧：tips 导航：nav
内容：content/container 栏目标题：title 新闻：news 主导航：mainnav
尾：footer 菜单：menu 加入：joinus 子导航：subnav
子菜单：submenu 指南：guide 提示信息：msg 顶导航：topnav
侧栏：sidebar 搜索：search 服务：service 边导航：sidebar
栏目：column 友情链接：friendlink 注册：regsiter 左导航：leftsidebar
页脚：footer 状态：status 热点：hot 右导航：rightsidebar
左右中：left right center 版权：copyright 投票：vote 菜单：menu
登录条：loginbar 滚动：scroll 合作伙伴：partner 子菜单：submenu
标志：logo 内容：content 文章列表：list 标题: title
广告：banner 标签：tags 摘要: summary
页面主体：main 页面外围控制整体佈局宽度：wrapper
功能
标志：logo 提示信息：msg 当前的: current 小技巧：tips 图标: icon 注释：note
广告：banner 指南：guild 服务：service 热点：hot 新闻：news 下载：download
登陆：login 投票：vote 合作伙伴：partner 友情链接：link 版权：copyright 加入：joinus
登录条：loginbar 搜索：search 注册：register 按钮：btn 滚动：scroll 状态：status
标籤页：tab 功能区：shop 标题：title 文章列表：list
注释的写法:
/* Header */内容区/* End Header */
CSS样式表文件命名
主要的 master.css 模块 module.css 基本共用 base.css 布局、版面 layout.css 主题 themes.css
专栏 columns.css 文字 font.css 表单 forms.css 补丁 mend.css 打印 print.css
复合写法
字体 font: font-style font-weigfht font-size/line-height font-family 用空格隔开，必须要要有font-size和font-family才能生效
背景 background: background-color background-image background-repeat background-attachment background-position;
背景复合属性默认值
background: transparent none repeat scroll 0% 0%;
背景复合属性默认值(中文意思)
background: 透明 / 无背景图片 / 平铺 / 背景图片随文本滚动/ 位于元素左上角
语义话标签
<header>头部</header> <nav>导航</nav> <section>某个部分</section> <aside>其他区域</aside> <main>主要的区域</main> <article>文章</article> <footer>底部</footer>