找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2794|回复: 3

[杂谈] div+css 布局最精简代码建议

[复制链接]
发表于 2012-3-29 14:58:20 | 显示全部楼层 |阅读模式 来自 中国–广东–珠海
div+css 布局最精简代码建议

如何使网站速度快,需要精简代码,那么如何精简代码呢?div+ 布局最精简代码建议,使用div+css布局做到最精简的代码,以达升网站速度的目的。

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


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

3、多采用父级继承样式控制,在div中尽量使用不同标签来控制网页表现形式,比如一个div中需要有3个不同颜色的文字,这样做同样可以减少不少的class和id。
<div>
    第一种文字
    <span>第二种文字</span>
    <font>第三种文字</font>
</div>
css样式可以这样写:
div { color: #000}
div span { color: #f00}
div font { color: #0f0}

站长导航http://www.**/?s=sorunme


发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

发表于 2012-4-12 15:54:57 | 显示全部楼层 来自 中国–河南–郑州
源码cms建站学习交流区 &#8250; 其他建站技术交流 &#8250; div+css 布局最精简代码建议

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

发表于 2012-6-10 13:15:13 | 显示全部楼层 来自 中国–山东–临沂
老大物品无法看到你的信息的

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

发表于 2012-6-10 15:35:02 | 显示全部楼层 来自 中国–上海–上海
加油加油,好好学习

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-24 02:36 , Processed in 0.042187 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表