DIV+CSS命名规则

来源:互联网 发布:linux 运维常见命令 编辑:程序博客网 时间:2024/06/05 06:28
pc蛋蛋是一个积分换礼品平台
  1. 页头:header  
  2. 登录条:loginBar  
  3. 标志:logo  
  4. 侧栏:sideBar  
  5. 广告:banner  
  6. 导航:nav  
  7. 子导航:subNav  
  8. 菜单:menu  
  9. 子菜单:subMenu  
  10. 搜索:search  
  11. 滚动:scroll  
  12. 页面主体:main  
  13. 内容:content  
  14. 标签页:tab  
  15. 文章列表:list  
  16. 提示信息:msg  
  17. 小技巧:tips  
  18. 栏目标题:title  
  19. 友情链接:friendLink  
  20. 页脚:footer  
  21. 加入:joinus  
  22. 指南:guild  
  23. 服务:service  
  24. 热点:hot  
  25. 新闻:news  
  26. 下载:download  
  27. 注册:register  
  28. 状态:status  
  29. 按钮:btn  
  30. 投票:vote  
  31. 合作伙伴:partner  
  32. 版权:copyRight  
  33.   
  34. 1.CSSID的命名  
  35.   
  36. 外套:wrap  
  37. 主导航:mainNav  
  38. 子导航:subnav  
  39. 页脚:footer  
  40. 整个页面:content  
  41. 页眉:header  
  42. 页脚:footer  
  43. 商标:label  
  44. 标题:title  
  45. 主导航:mainNav(globalNav)  
  46. 顶导航:topnav  
  47. 边导航:sidebar  
  48. 左导航:leftsideBar  
  49. 右导航:rightsideBar  
  50. 旗志:logo  
  51. 标语:banner  
  52. 菜单内容1:menu1Content  
  53. 菜单容量:menuContainer  
  54. 子菜单:submenu  
  55. 边导航图标:sidebarIcon  
  56. 注释:note  
  57. 面包屑:breadCrumb(即页面所处位置导航提示)  
  58. 容器:container  
  59. 内容:content  
  60. 搜索:search  
  61. 登陆:login  
  62. 功能区:shop(如购物车,收银台)  
  63. 当前的current  
  64.   
  65. 2.样式文件命名  
  66. 重置的:reset.css  
  67. 主要的:master.css  
  68. 布局版面:layout.css  
  69. 专栏:columns.css  
  70. 文字:font.css  
  71. 打印样式:print.css  
  72. 主题:themes.css