网站CSS样式,让企业网站展示更标准
日期:2023-03-11 作者:超级管理员 来源:本站
珠海网讯互联曾经在一篇文章中指出,DIV+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在使用上会有一些区别, 利用二者之间的差异,可以在实际运用中进行权衡。
扫二维码手机查看该文章