css3技术

div+css布局代码精简_div+css教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:50 我要评论( )

div+css布局代码精简,学习div+css布局代码精简,div+css布局代码精简,查看div+css布局代码精简,我们来说下div+css布局的时候怎样做到最精简的代码,以达到极限提

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评