首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

网十互动科技谈:如何让div+css中的网站代码减少

从事网站行业的人都知道,div+css是布局网站的时候所需要的,网站的代码越少打开的速度就越快,而且有利于网站的优化。如何让div+css中的网站代码减少?

1、css样式尽量合并成一个外部文件,采用link方式导入到网页中来,可以减少不少内嵌在网页中的css代码。

2、多用全局样式,比如网页中只有一个h1标签,那么直接在css文件中定义h1的样式,如h1{......},这里网十互动科技提醒大家千万不要误用H1噢。不然会被搜索引擎K掉的,详细可以看下这篇文章《误用模板导致被降权的原因》而不要给h1标签加class或者id来定义样式,这样一来就可以省略class=""或id="",整个网页精简下来就可以简洁不少代码。

3、多采用父级继承样式控制,在div中尽量使用不同标签来控制网页表现形式,比如一个div中需要有3个不同颜色的文字,这样做同样可以减少不少的class和id。

<div>

第一种文字

<span>第二种文字</span>

<font>第三种文字</font>

</div>

css样式可以这样写:

div{color:#000}

divspan{color:#f00}

divfont{color:#0f0}

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 网站 APP 小程序 软件 备案号:京ICP备16050073号-2

电话咨询