当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS缩写6个图例总结

CSS样式表
介绍IE8的CSS hack
CSS教程:解析CSS列表样式属性list-style
CSS教程:CSS页面布局的技巧
对付CSS兼容问题的十个超级技巧
CSS3教程:box-sizing属性
CSS教程:29个特殊的CSS导航技术
CSS教程:CSS控制浏览器滚动条的源代码
DIV+CSS制作网页之如何设置z-index
制作网页表单的标签和输入区
网页文件上传表单的制作
网页表单标签水平右对齐更适合中文网站
CSS在各个网页版邮箱中的支持情况
彻底弄清楚haslayout概念
CSS教程:滑动门与选项卡
总结关于网页表单反馈的一些问题
CSS Sprite操作:用CSS处理圆角
网站栅格化设计
减少网站加载时间:CSS Sprites
通过CSS实例实现清除浮动
CSS教程:实例讲解定位Position

CSS样式表 中的 CSS缩写6个图例总结


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-09   浏览: 147 ::
收藏到网摘: n/a

  本文将通过CSS实例,讲解六种缩写的形式。它们分别是margin和padding、border、background、font、list和color。ruanchen.com以前也有过类似的文件,但本文的讲解更加的清晰。如果你对CSS缩写已经掌握,仅当复习,如果你对CSS缩写还不够熟悉,本文将让你对CSS缩写了如指掌。

  相关文章:CSS缩写优化CSS文件的体积

  CSS缩写的意义已经不是一次进行阐述了,归纳起来有两点:一是面对编码者是精简而便于修改,二是对于访问者会下载体积更小的文件。其益处不言而喻,在ruanchen.com收藏CSS经典技巧之三的最后一条,也特别强调了CSS缩写的重要性。

一、margin和padding缩写


  二、border缩写

 


  三、background缩写

 


  四、font缩写

 


  五、list缩写

 


  六、color缩写