欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > CSS优化技巧7个方法

CSS优化技巧7个方法

发布时间: 2016-08-29 11:15

CSS是页面效果呈现中非常重要的组成部分,它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易,但是要想写出精炼的CSS代码还是有很多技巧的。下面就是CSS优化技巧7个方法

1. 合并多个相同属性;

比如很多人写margin会这样写

但是这样写更高效

对于font属性来说,也一样,

常规写法

推荐写法

常规写法

推荐写法

2. 把具有相同属性的标签写在一块;

比如

更好的写法是这样

3. 简化颜色;

比如 #99ff33 可以写成 #9f3

比如 #ff0000 可以写成 with #f00

比如 #000000 可以写成 #000

4. 在父级元素中用Class;

比如有这样一段代码

其实上面的可以这样写

5. 不要使用令人眼花缭乱的注释;

比如下面这样的

你可以把它写成这样

6. 永远不要在行内元素中加入CSS;

请把它们写成这样

7. 移除多余的空格和空行。

移除多余的空格和空行能够减小style文件大小.

以上就是CSS优化技巧7个方法,更多请关注海淘科技。

相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4