前端高手也不能错过的css常识
来源:互联网 发布:数组方法的使用 编辑:程序博客网 时间:2024/05/17 02:24
1、不要实用过小的图片做背景平铺。举例宽高都是1px的图片用做背景平铺太耗费资源。1px 背景图。拼一个200*200像素的区域需要渲染40000次。耗费可不是一点半点
2、无边框。推荐的写法是 border:none。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。不过有个特点border:0 占用空间比border:none 少三个字节。input 设置border:none;的时候,在标准浏览器下显示无边框。但是在IE下是默认是input自带的边框需要设置border:0;这样就可以了
3、慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。 css reset可以参考http://blog.csdn.net/budinger/article/details/19542189
4、CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。
5、样式放头上,脚本放脚下。不内嵌,只外链。 行内样式不推荐
6、坚决不用 CSS 表达式,耗费浏览器资源
7、使用 引用样式表,而不是通过 @import 导入。 (这样导致页面加载完毕,css 还么加载完)
8、一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。 (个别gif 甚至比png还小,优化需自己权衡)
9、千万不要在 HTML 中缩放图片,一者不好看,二者占资源。 (手机网站除外)
10、正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。
11、block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。
12、段落之间,至少要有一倍行距。
13、强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。
14、中文标点用全角。英文夹杂在中文中,左右空格,半角。
15、中文字体的粗体和斜体,远离较好,利民利己。
- 前端高手也不能错过的css常识
- 前端常识篇--CSS
- 请不要做浮躁的人...(建议初学者看看,高手也不能落后)
- DIV+CSS 高手也得看的15个CSS常识
- DIV+CSS 高手也得看的15个CSS常识
- 15款不容错过的前端开发Javascript和css类库
- 2017最新版13款不容错过的前端Js和css类库
- 宁愿错过也不做错
- CSS的一些常识
- HDU 2054 A == B ?(Java大数用equal???C模拟也不能错过)
- H3C与华为--不应错过的专业常识
- H3C与华为--不应错过的专业常识
- CSS的一点小常识
- CSS 被忽略的常识
- CSS的一些简单常识
- 父窗体不能最大化,也不能最小化,用户也不能拖动的实现
- 不容错过的css代码经典
- 不容错过的10段CSS代码
- 对象数组求最大值
- C++类实现最大数的输出
- POJ1696-Space Ant
- C#类生成器
- 读枯燥的资料时怎么集中精神?
- 前端高手也不能错过的css常识
- 实现Apache与Tomcat集群和负载均衡
- 完全二叉树(Complete Binary Tree)
- 一步步学习微软InfoPath2010和SP2010--第十二章节--管理和监控InfoPath Form Services(IPFS)(2)--IPFS性能因素
- 【精心推荐】几款极好的 JavaScript 文件上传插件
- 数据库练习
- POJ 计算几何入门题目推荐(转)
- 在Linux C/C++中捕获段错误
- 通过反射查看类信息---获得Class对象