CSS 命名规范

页面外围控制整体布局宽度:wrapper、页头:header、页面主体:main、内容:content、页脚:footer、导航:nav、主导航:mainbav、子导航:subnav、顶导航:topnav、边导航:sidebar、左导航:leftsidebar、右导航:rightsidebar、菜单:menu、子菜单:submenu、搜索:search、栏目:column、侧栏:sidebar、功能区(商品模块):shop、左右中:left right center、登录:login、登录条:loginbar、注册:regsiter、标志:logo、横幅广告:banner、热点:hot、新闻:news、按钮:btn、滚动:scroll、标签页:tab、文章列表:list、 标题:title、摘要:summary、提示信息:msg、小技巧:tips、图标:icon、下载:download、加入我们:joinus、注释:note、指南:guild、服务:service、状态:status、投票:vote、合作伙伴:partner、链接:link、友情链接:friendlink、版权:copyright

CSS书写顺序

让浏览器执行效率更高

  1. 浮动 / display
  2. 盒子模型: margin border padding 宽高背景颜色
  3. 文字样式