江西seo:分享几个优化网站代码的方法

从事前端设计的你还记得制作网站的几个要求吗?一个页面包括所有代码尽量不要超过30kb,但是现在随着互联网的发展,网络也在飞快的成长,很多设计师都不会考虑30kb的准则了。如今css和js越来越受欢迎,使得这种现象越来越普遍,尤其是一个大型网站,一个css文件就不止30kb了,博主网站的css样式都几百kb,所以我们就要优化css代码,减少重复的css代码,让代码看起来更井井有条。

css样式

一、css简写的合理使用

使用简写是减少代码最简单的方式,那么怎么简写css样式呢?下面就随着江西seo一起来看看吧。比如:Margin,border,list-style和padding都可以进行简写的。看看博主是怎么写的吧。

a{

margin-top:5px;

margin-right:5px;

margin-bottom:5px;

margin-left:5px;

 

}

你们看写一句外边框属性这么麻烦,其实我们可以这样写外边框上下左右的属性

a{ margin:5px 5px 5px 5px;}

这段代码和上面的意思一模一样,效果也是一样的。

font代码简写

 

font:normal small-caps bold 110%/1.3 serif;

这段代码的意思:normal(font-style)small-caps(font-variant)bold(font-weight)110%(font-size)/1.3(line-height)serif(font-family)

二、删除没必要的代码

删除没必要的代码,是为了减少css文件大小,比如:去掉所有的空白样式,空格、回车、多余的tab缩进。因为这样可以增加代码的可读性。

三、将css分成清晰的结构块

另外一种css优化的方法是按照自己的习惯将css分成清晰的结构块。将css文件的声明用注释分隔开来并进行排版,因为这样可以让自己更快的审视css代码,这样会让自己的工作效率高出许多。

/*网站logo图片*/

.logo a {

display: block;}

.logo img {

display: block;

width: auto;

max-width: 100%;

height: auto;}

可以参考参考博主为大家写的这段案例,这是江西seo为大家分享的第三个优化css的方法。

四、制定一套自己的css标准

如果你是自己制作网站的话,请你注释好代码的意思、记录好代码的效果,因为你设计完一个网站之后,可能过一两年还要回来看自己曾经写的代码,自己可能也会觉得很陌生,这样我们就可以利用以前注释好的代码和记录好的代码效果来帮助自己回忆起某些css代码的作用。不知道博主这样讲,大家能不能理解。

结尾

以上就是博主为大家写的“优化css代码的方法”你们有空的可以去优化优化自己的代码,因为这样也利于新手优化网站排名,其实整理和优化一个网站代码不仅仅是为了css文件的大小,而且还可以增加代码的可读性,以上的几点不仅仅是对css代码的优化,它还可以应用到html,js代码当中。

版权所有,未经允许禁止转载,邹伟廷博客 QQ/微信: 893268219