首页 / CSS / 学习总结——css

学习总结——css

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了学习总结——css，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含848字，纯文字阅读大概需要2分钟。

内容图文

常见性能优化：

1.CSS Spirite :css精灵，一种网页图片应用处理方式。加速的关键不是降低了重量，而是减少了个数，这样就减少了向服务器请求的次数，从而达到减少请求时间，横向还会减少图　　　　　　　片大小，也能提高性能。

　　　　　　　（允许将一个页面涉及到的所有的图片（尤其是ico多的页面）都包含到一张大图中去，这样页面会一次性显示出该spirite包含的图像。而且对于<200k的图片加载速　　　　　　　度基本没差别。）

　　　　　　　优点：性能提高了，网页设计时只需对一个文件取名，从而提高了网页制作的效率。更改风格方便，只需在这些精灵图片上修改就可以达到改变网页风格的效果。

　　　　　　　缺点：开发繁琐，要用photoshop精确切图。维护时有稍许改变可能会动整张图或者不懂原来的而往图片下加无疑会增加字节还要改css。

2.类似 .test{ background-color:#fff; background-image:url(a.jpg)}写成  .test{ background: #000 url(image.jpg) top left no-repeat;}：缩减字符个数而提高性能。

　　　　常见的有：{font: oblique bold 14px  Arial,’宋体‘;}

　　　　　　　　　{margin/padding: 5px 10px 20px 15px;}

　　　　　　　　　{border-width: 2px; border-style: solid; border-color: #000;} -> {border: 2px solid #000;}

　　　　　　　　　{border-top: 2px; border-right: 5px; border-left: 10px; border-bottom: 3px;} -> {border: 2px 5px 10px 3px;}

原文：http://www.cnblogs.com/momo11437/p/css.html

内容总结

以上是互联网集市为您收集整理的学习总结——css全部内容，希望文章能够帮你解决学习总结——css所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1282544.html

来源：【匿名】