动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 书写高效的CSS

作者来源: 
阅读 1838 人次 , 2006-2-16 14:55:00 

效率有什么用?

    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 规范 的相关章节的。
  
 本文Tags优化  html/css  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:CSS 编码技巧
· 下一篇:弹性设计CSS
· HTML在线编辑器的调用方法和使用方法详解
· FrontPage网上筑巢手记——规划网站
· DreamWeaver,经典50问(6)
· 正则表达式经典
· JavaScript学习:基础继承机制(1)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077