展会信息港展会大全

如何才能高效的进行CSS编码?
来源:互联网   发布日期:2016-03-25 16:34:59   浏览:2697次  

导读:在前面的文章中,我们提到了用什么软件来编写CSS文件。今天我们来看一些介绍:如何才能高效的进行CSS编码? CSS网页布局开发应该使用什么软件比较好 CSS被吹捧的好处之一就是它...

在前面的文章中,我们提到了用什么软件来编写CSS文件。今天我们来看一些介绍:如何才能高效的进行CSS编码?

CSS网页布局开发应该使用什么软件比较好

CSS 被吹捧的好处之一就是它能减小页面大小,由此缩短下载时间,不仅仅是首页的载入,还包括样式表被缓存以后,后续页面的载入也被加快了的那部分时间。这没错,但首页载入时间的缩短几乎看不出来,这是因为 CSS 代码往往过于冗长了。

好吧,现在一切都不同了。学点高效地进行 CSS 编码的技巧吧,让你把样式表马上裁减到最小为止。自然,你可能看不到什么惊人的改变,但对于大站来说,微小的字节减少也很重要。

有很多地方可以减少代码的长度,包括 简记属性 (shorthand properties), 多重声明 (multiple declarations),默认值 (default values), 继承 (inheritance),和空白 (white space)。

简记属性

Zeroing page margins 提到了一组这样的简记属性,但对于此还有更多的。

通常简记属性包括:

font (控制 "font-size", "font-weight", "line-height", 等等) background(控制元素的背景,放置位置,重复次数,等等)

list-style (设置列表元素前边那个“原点”的属性)

margin (定义 box各侧的边缘空白 (margin) 宽度)

border (定义 box 边界 (border) 的属性有很多和边界有关的简记属性)padding (定义 box 各侧的补白 (padding) 宽度)

上述项目是链接至 W3C CSS 2 规范 的相关章节的。

例如, font 属性 是用于同时设置 font-style, font-variant, font-weight, font-size, line-height, 和 font-family 的简记属性。当然,它们并非全都必须写在简记属性中。一旦在简记属性中忽略了其中某个,那些缺失的属性都将被设置为它们的 初始值,就像 W3C 规范 中 font property 一节提到的那样。若需要控制很多和字体相关的属性,使用这个简记属性就可以省下样式表中的大量字节了。

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港