栏目导航
热点推荐
- 3个简单却重要的CSS技巧
- css基础:熟悉了解盒子模型(box m
- CSS Hack兼容各浏览器是否正常
- 最常用的12种CSS BUG解决方法与
- [分享]我的css hack观点
- CSS实例教程:分号引起页面混乱
- CSS教程:认真学习haslayout
- CSS教程:编写CSS代码时样式命名
- 如何在CSS中设定文本的尺寸
- CSS教程:CSS定位属性
- 新窗口打开超链接的正确方法
- 轻松搞定IE的CSS制作网页技巧3则
阅览排行
网页设计中CSS的ID与class类的长命名和短命名的问题
www.jz123.cn 2009-12-30 来源: 中国建站会员投稿 洛阳优易网站建设 我要投递新闻
长命名和短命名的定义:
其实代码的性能分为下载性能(速度)和渲染性能,大家认为:
1. 下载性能可能是短命名略胜一筹,因为文件会稍小些;
2. 渲染性能则是长命名好些,因为CSS中通常短命名我们用类似.box .hd {}定义样式,而长命名直接是.box-hd {},pagespeed认为选择器长度会影响渲染性能。
注:其实平时工作中这两点都会被忽略。gzip可以进一步减少第一个问题的差距,而由此引发的渲染性能也是微乎其微。
如果是长期需要进行维护的站点来说的话还是长命名的比较好:
1. 长命名给人较为可靠的感觉;
2. 长命名较短命名发生冲突的几率低很多;
3. 可复用的内容通过短命名定义,无可争议;
其实要是依据网站长期维护的结论的话那就是
1. 框架级样式用短命名,比如盒模型、栅格;
2. 通用样式用短命名,比如.hidden、.clearfix;
3. 应用级样式用长命名,比如淘江湖项目的通用样式都加上“sns”前缀(有.sns-avatar、.sns-box等);
4. 页面级样式用长命名,比如类目模块,可能包含category-hd、category-bd、category-bd-tips等;
5. 嵌入式应用用长命名,因为可能会被嵌入到任何复杂环境中,比如开源编辑器、Google的各种应用(map, adsence, gmail…)
采用长命名和短命名要根据你的站的规模大小,和是否需要经常进行代码维护来决定的,如果网站的规模很大用段命名很容易产生冲突而是二次改版的时候不好去找样式.
来源 (洛阳网站建设(http://www.ue0379.com/)
上一篇:CSS总结:CSS网页布局中文排版的9则技巧 下一篇:IE6、IE7、IE8、Firefox 都兼容的 CSS HACK 代码