首页>网页设计>css技术>DIV+CSS布局做到最精简代码的建议

回复

« 返回列表

灯火互联

管理员

管理员

注册日期2011-07-27
发帖数41778
QQ
火币41290枚
粉丝1086
关注100

加关注写私信打招呼

阅读：3997回复：0

DIV+CSS布局做到最精简代码的建议

楼主^#

更多发布于：2011-12-27 12:30

[] 1

我们来说下div+css布局的时候怎样做到最精简的代码，以达到极限提升网站速度的目的。

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

2、多用全局样式，比如网页中只有一个h1标签，那么直接在css文件中定义h1的样式，如h1{......}，而不要给h1标签加class或者id来定义样式，这样一来就可以省略class=""或id=""，整个网页精简下来就可以简洁不少代码。

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

第一种文字
第二种文字
第三种文字

css样式可以这样写：
div { color: #000}
div span { color: #f00}
div font { color: #0f0}

喜欢0 评分0

淘宝天猫隐藏优惠券地址

回复

发帖回复

« 返回列表

您需要登录后才可以回帖，登录或者注册