div+css布局的时候怎样做到最精简的代码

我们来说下div+css布局的时候怎样做到最精简的代码，以达到极限提升网站速度的目的。
第一、多采用父级继承样式控制，在div中尽量使用不同标签来控制网页表现形式，比如一个div中需要有3个不同颜色的文字，这样做同样可以减少不少的class和id。
<div>
第一种文字
<span>第二种文字</span>
<font>第三种文字</font>
</div>
css样式可以这样写：
div { color: #000}
div span { color: #f00}
div font { color: #0f0}
第二、多用全局样式，比如网页中只有一个h1标签，那么直接在css文件中定义h1的样式，如h1{......}，这里艾纳科技提醒大家千万不要误用h1噢。不然会被搜索引擎k掉的，详细可以看下这篇文章《误用模板导致被降权的原因》而不要给h1标签加class或者id来定义样式，这样一来就可以省略class=或id=，整个网页精简下来就可以简洁不少代码。
第三、css样式尽量合并成一个外部文件，采用link方式导入到网页中来，可以减少不少内嵌在网页中的css代码。


建设商城网站必备的几大模块
网站如何一下打动你 外观设计很重要
设计制作竞价单页网站需注意什么事项
说说我对企业网站建设作用的看法
如何进行网站SEO优化工作 从哪些方面入手
嘉兴官网设计的三大模块的设计理念与需求
提高搜索引擎排名的几个小技巧
高端网站设计服务的内容要针对用户的心理