您当前的位置: 首页 > 技术文章 > 前端开发

DIV+CSS 命名规范

作者:licqi 时间:2011-01-19阅读数:人阅读

一、DIV+CSS  的命名

1. 外 套:  wrapper

2. 顶导航:  topMap

3. 主导航:  mainNav

4. 子导航:  subNav

5. 底部导航 :   bottomNav

6. 边导航图标:sidebarIcon

7. 广     告:        ad

8. 头 部:  header

9. 底 部:  footer

10. 主体内容: content

11. 侧栏:       sidebar

12. 商 标:         logo  

13. 标 语:  banner

14. 图片:             picture

15. 标 题:  title

16. 文章内容:      box

17. 主体:                container

18. 子菜单:  submenu

19. 工具条:           toolbar

20. 注释:   note

21. 搜索:          search

22. 登陆:   login

23. 注册:       register

24. 提交:         submit

25. 热点:       hot

26. 新闻:       news

27. 功能区:  shop(如购物车,收银台)

28. 联系方式:    contact

29. 关于我们:    aboutus

30. 合作伙伴:    partner

31. 友情链接:    friendLink

32. 版权:      copyright

 

二、HTML中的标记应用规范

1. <header>部分的标题:      <h1>

2. 文章的标题:               <h2>

3. 文章段落:            <p>

 

三、样式文件命名

1. 全局:global.css

2. 公用:public.css

3. 首页:index.css

 

四、注释

1. HTML中

<!-- begin header -->

……

<!-- end header -->

2. CSS中

/*  begin header  */

……

/*  end header  */

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:licqi@yunshuaiweb.com

上一篇:没有了

下一篇:CSS Sprites技术

加载中~
如果您对我们的成果表示认同并且觉得对你有所帮助可以给我们捐赠。您的帮助是对我们最大的支持和动力!
捐赠我们
扫码支持 扫码支持
扫码捐赠,你说多少就多少
2
5
10
20
50
自定义
您当前余额:元
支付宝
微信
余额

打开支付宝扫一扫,即可进行扫码捐赠哦

打开微信扫一扫,即可进行扫码捐赠哦

打开QQ钱包扫一扫,即可进行扫码捐赠哦