在线建站培训
您的位置: 魔客吧 网页制作 CSS教程 查看内容

10个CSS简写优化技巧整理

2017-7-13 08:00 | 发布者: moke | 栏目:CSS教程

CSS简写就是指将多行的CSS属性简写成一行,又称为CSS代码优化或CSS缩写。CSS 

简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。 下面介绍常见的CSS简写规则: 

一、盒子大小 

这里主要用于两个属性:margin和padding,我们以margin为例,padding与之相同。 

盒子有上下左右四个方向,每个方向都有个外边距:

?
1
2
3
4
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;

你可以简写成:

?
1
margin:1px 2px 3px 4px;

语法 margin: top right bottom left

?
1
2
3
4
5
6
7
8
//四个方向的边距相同,等同于margin:1px 1px 1px 1px魔客吧温馨提示:如果您是第一次建站,那么魔客吧推荐大家使用 织梦 系统。完全开源,易于二次开发,对搜索引擎SEO友好,新手首选。

最新分享资源

最新评论

验证码 换一个