建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

网页布局如何提高网页访问速度

时间:2011-07-25 10:18来源: 作者: 点击:
div+CSS布局的时候怎样做到最精简的代码,以达到极限提升网站速度的目的。 1、 css样式尽量合并成一个外部文件,采用link方式导入到网页中来,可以减少不少内嵌在网页中的css代码。 2、多用全局样式,比如网页中只有一个h1标签,那么直接在css文件中定义h1的样式,如h1{.

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}

(责任编辑:admin)
织梦二维码生成器
顶一下
(2)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片