CSS压缩方法及技巧
精简网站代码可以节省网站空间,减小服务器压力,提高访问速度,对搜索引擎蜘蛛的爬取也是有利的。今天抚州网站建设专家就来分享CSS压缩方法及技巧。
缩写你的CSS
你看对一个DIV进行定义,定义的代码是:
#text{
padding-top:12px
padding-right:10px
padding-bottom:20px
padding-left:10px
}
这样的定义是没错的,问题是:你写的这个代码可以进行缩写的,缩写后的格式是:
#text{
padding:12px 10px 20px 10px;
}
大家看一下,是不是少了很多的代码?事实上,这上面的代码还可以进行精简,方法是:去掉他们的空格和换行。因为换行和空格都会增加CSS的体积,我们还可以对上面的CSS进行压缩。压缩后的代码是:
#text{padding:12px 10px 20px 10px;}
做到这个样子,是再没有办法压缩上述的代码了,除非你用GZIP进行压缩。
合理字体的选择
一般来说,我们做中文网站都是用系统默认字体也就是宋体的。使用它就行了,建议你不要将你网站的替代字体放到CSS文件。字体的定义也是可以缩写的。大家看一个例子:
#tx{font-family:Palatino,Georgia,Times,serif;}可以缩写成
#tx{font-family:Palatino,serif;}
网页颜色的定义
如果你的网站颜色是用RGB表示的,那么请不要这么做了,你应该用16进制的代码来定义网站的颜色。虽然你可能认为这缩写不了几个字符,但是它的确是CSS压缩方法之一。
#container{color:rgb(131, 100, 219);}可以压缩成
#container{color:#8364DB;}
此外CSS的压缩还有其他的一些方式,比如使用Sprites技术来设置网站的图片等,这些都可以很明显减少压缩CSS。
- 1如何提高网站公信力
- 2在规定时间里打开网站窗口的方法
- 3DIV边框是否占DIV的宽度
- 4建设网站的十二大误区
- 5如何确定网站栏目
- 6域名选取的原则和技巧有哪些?
- 7网站建设中潜在的优化工作
- 8网页设计中紫色也是很流行的
- 9VPS主机和虚拟主机的区别
- 10教你如何去掉链接下划线
- 11事业单位为何就要专门的网站搭建公司做网站呢?
- 12事业单位为何就需要专业的网站维护公司做官网呢?
- 13网站注释代码的写法
- 14学好网站建设的最基本知识
- 15建英文网站需要注意的地方
- 16怎么做网页字体变大变小的功能
- 17网站改版别落下栏目
- 18单页网站建设的四个基础
- 19怎么设置不同超链接颜色的样式
- 20介绍几款网页制作工具
- 21学习CSS的十大理由
- 22营销型企业网站应该怎么做
- 23网站建设后期维护需要注意的事项
- 24如何知道域名解析是否生效
- 25好的企业网站首页要这样做
- 26解决图片外面多余空白的方法
- 27创建网站地图要注意的问题
- 28全Flash网站和单个Flash作品制作的区别
- 29浅谈网站URL设计思路
- 30中外网页设计的文字差别在哪里
成都公司:成都市成华区建设南路160号1层9号
重庆公司:重庆市江北区红旗河沟华创商务大厦18楼