Web标准基础教程：CSS简写指南
来源：前端观察 发布时间：2010-04-02 12:47:00
标签：CSS简写,缩写,web标准,教程,CSS优化
高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。
今天我们系统地总结一下CSS属性的缩写。
色彩缩写
色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：
| color：#113366 |
可以简写为
| color：#136 |
所有用到16进制色彩值的地方都可以使用简写，比如background-color、border-color、text-shadow、 box-shadow等。
盒子大小
这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：
| margin-top:1px; margin-right:1px; margin-botton:1px; margin-left:1px; |
这四个值可以缩写到一起：
| margin:1px 1px 1px 1px; |
缩写的顺序是上->右->下->左。顺时针的方向。相对的边的值相同，则可以省掉：
| margin:1px;//四个方向的边距相同，等同于margin:1px 1px 1px 1px; margin:1px 2px;//上下边距都为1px，左右边距均为2px，等同于margin:1px 2px 1px 2px margin:1px 2px 3px;//右边距和左边距相同，等同于margin:1px 2px 3px 2px; margin:1px 2px 1px 3px;//注意，这里虽然上下边距都为1px，但是这里不能缩写。 |
0
投稿猜你喜欢
- 以前在介绍SQL2k的时候已经提到了SQL2k对XML的支持，使用for XML语句就可以很容易的把执行的结果转化为一个XML，这样可以在很
master库对于SQLServer来说，是很重要的系统数据库，保存着所有Sqlserver的用户信息、数据库信息等，当数据库崩溃时，mas- 下面提供生成XML的Google SiteMap代码[ASP版本]。这个代码是生成全站文件链接的地图：<％Server.S
- Oracle是应用最广的大型数据库，而在范式下进行Oracle数据库设计则可以大大减少数据冗余，使数据库维护更方便，可惜范式下的数据表一般不
- 神奇创意相框！ 是的，主要利用position的relative, absolute, z-index属性。结合Photo Frame（相框
- 最近碰到一个mysql5数据库的问题。就是一个标准的servlet/tomcat网络应用，后台使用mysql数据库。问题是待机一晚上后，第二
- 作为一个MySQL的系统管理员，你有责任维护你的MySQL数据库系统的数据安全性和完整性。本文主要主要介绍如何建立一个安全的MySQL系统，
- 面对不断成长的用户，跟随用户的脚步齐步向前，做引起共鸣的改变，去除低龄化的设计，用成熟稳重的心态面对用户。QQBanner自2006 年推出
- 导语在设计论坛之前的讨论中曾经谈到过“设计师应该抓住这个时代的情感”，这是设计师的设计嗅觉和职业特性的体现，那么在纷纷扰扰中“裂变”的Web
- 最近对list设计感兴趣，今天说的是list视图方式的设计。感觉有些细节非常有意思，拿出来跟大家讨论。首先我们来看下windows下文件夹管
- 杭州最美的季节里，淘宝无障碍访问改善小组有幸邀请到盲人在线站长——争渡读屏团队成员——杨永全同学和我们一起面对面交流网站无障碍访问方面的问题
- 去空格函数有如下两种：·LTRIM（）LTRIM（） 函数把字符串头部（左）的空格去掉，其语法如下：LTRIM （<character
- 下面十条内容的标题原本是《10 Lessons for Young Designers》，是John C. Jay给年青设计师们的十条经验教
- 这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：
- 这里会讨论令Oracle停机时间最小化的步骤。各种形式的停机--计划的或者是非计划的--总是不断地发生，一个DBA应该有正确的备份策略，这样
- 制作圆角导航其实跟制作圆角边框是一样的道理，有一种很常见的方法就是使用CSS绝对定位，切四个圆角的小图片，然后分别定位在四个角，这样就可以实
- 一直希望自己对Web设计的色彩把握的更好些，所以手头上就备了一份图片版的配色表，对色彩的搭配有了很多的提高，今天发现了这套非常完整的Web版
- 本文中我们将通过一个例子来介绍SQL Server 2005的一个Bug，首先，在建立同义词链接Oracle的时候，我们会使用下面的语句:C
- 首先，建立一个Conn的连接对象，然后连接到数据库data.mdb中，取得连接句柄后，把它保存在session("conn&quo
- 做为一个编程爱好者，也作为一个小站长（asp之家），中国站长站（www.chinaz.com）我时不时的都会去灌一下。当然发现好的文章我也不
