资讯动态

网站CSS样式,让企业网站展示更标准

日期:2023-03-11 作者:超级管理员 来源:本站

珠海网讯互联曾经在一篇文章中指出,DIV+CSS的网站设计技术已经成为企业网站建设中的一个大发展趋势,下面让我们的小编来继续这个话题,教大家如何写出高效的CSS代码,让企业网站展现的更标准。

首先我们来看以下两个CSS执行效率的对比

网站CSS样式,让企业网站展示更标准

低效率的CSS

p{ font-family: arial, helvetica, sans-serif; }
#container { font-family: arial, helvetica, sans-serif; }
#navigation { font-family: arial, helvetica, sans-serif; }
#content { font-family: arial, helvetica, sans-serif; }
#sidebar { font-family: arial, helvetica, sans-serif; }
h1 { font-family: georgia, times, serif; }

高效的CSS

body { font-family: arial, helvetica, sans-serif; }
body { font-family: arial, helvetica, sans-serif; }
h1 { font-family: georgia, times, serif; }


其次可以使用简记属性的CSS代码:

body { font: 85% arial, helvetica, sans-serif; background: url(image.gif) no-repeat 0 100%; margin: 1em 1em 0; padding: 10px; border: 1px solid red; color: #222; }

还有一个注意事项就是尽量少的使用 !important

慎用写法
#news { background: #ddd !important; }
特定情况下可以使用以下方式提高权重级别
#container #news { background: #ddd; }
body #container #news { background: #ddd; }

最后就是尽量使用 link 引入外部样式表,为了对老版本浏览更好的提供支持,在编写CSS代码时尽量使用 link 引入外部样式表的方来代替 @import导入样式的方式。

@import和link在使用上会有一些区别, 利用二者之间的差异,可以在实际运用中进行权衡。

二维码
扫二维码手机查看该文章
当前网址:https://www.zhgov.com/jianzhan/729.html

相关资讯


Copyright © 2007-2024 珠海市网讯互联信息科技有限公司 www.zhgov.com 版权所有
粤公网安备44040202000391号 粤ICP备19117377号 网站地图 站点地图
在线客服