福州建网站-福州做网站公司
福州做网站电话:0591-83584081 点击在线即时聊天-福州建站 点击在线即时聊天-福州网站建设
新闻中心
行业新闻
INDUSTRY NEWS
企业动态
ENTERPRISES DYNAMIC
网络编程
INTERNET KNOWLEDGE
网站优化
SEO

 
在线客服咨询一:
在线客服咨询二:
在线技术咨询一:
在线技术咨询二:
24小时在线咨询:
在线咨询:0591-83584081
 行业资讯
揭秘:利用知识付费赚钱
福州澳特乐食品有限公司
苏宁研制自动送货机器人
京东便利店模式:并非直
疯狂的区块链,分裂的朋
“马云的战略+马化腾的产
福州管道疏通推荐福州榕
共享单车还能走多远,二
♦ 您的位置:首页 >> 新闻中心  

div+css布局做到最精简的代码的建议
本文来源:网络  发表日期:2010-05-05 13:42:05  录入:www.015580.cn

我们来说下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}

分享到:
 
研发中心:福州市金山创意园
联系电话:0591-83584081 
网站标签:福州网站建设 福州网络公司 福州小程序开发 福州网站SEO优化 福州APP开发
 
点击这里给我发消息