在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享div+css布局做到最精简的代码的建议，希望可以对大家能有小小的帮助。
【 tulaoshi.com - Web开发 】
我们来说下div+css布局的时候怎样做到最精简的代码，以达到极限提升网站速度的目的。
1、css样式尽量合并成一个外部文件，采用link方式导入到网页中来，可以减少不少内嵌在网页中的css代码。
2、多用全局样式，比如网页中只有一个h1标签，那么直接在css文件中定义h1的样式，如h1{......}，而不要给h1标签加class或者id来定义样式，这样一来就可以省略class=""或id=""，整个网页精简下来就可以简洁不少代码。
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/webkaifa/）3、多采用父级继承样式控制，在div中尽量使用不同标签来控制网页表现形式，比如一个div中需要有3个不同颜色的文字，这样做同样可以减少不少的class和id。
div
第一种文字
span第二种文字/span
font第三种文字/font
/div
css样式可以这样写：
div { color: #000}
div span { color: #f00}
div font { color: #0f0}
来源:https://www.tulaoshi.com/n/20160220/1631793.html
看过《div+css布局做到最精简的代码的建议》的人还看了以下文章 更多>>
