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

CSS样式表
css ID类和class类的长命名与短命名
CSS background-position的使用说明详解
利用CSS定位背景图片 background-position
CSS 多图片融合背景定位的应用于优缺点分析
CSS实现的图片宽高自适应固定边框
css 背景图片定位在菜单效果中的应用实例
CSS 速记口诀 可以解决一些常见问题
CSS 多浏览器兼容性问题及解决方案
css 行级元素在多浏览器下的宽度问题 与解决方法
IE下行框高度的问题
CSS 实现的图片宽高自适应固定边框
css的核心内容 标准流、盒子模型、浮动、定位等分析
CSS 超出隐藏实现限制字数的功能代码(多浏览器)
Div+CSS 布局入门教程之二 构建网站
CSS 网页布局中文排版的9则技巧
CSS网页布局25个实用小技巧
网页制作 默认Web字体样式
IE与Firefox的CSS兼容大全 推荐
css 非表格垂直对齐效果代码
css cursor 的可选值(鼠标的各种样式)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-09   浏览: 39 ::
收藏到网摘: 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缩写