Web标准基础教程:CSS简写指南
来源:前端观察 时间:2010-04-02 12:47:00
高效的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,但是这里不能缩写。 |
标签:CSS简写,缩写,web标准,教程,CSS优化
0
投稿
猜你喜欢
asp检测是否为中文字符函数
2011-04-07 11:19:00
Javascript 每日测试 - 第五期 callee及function
2008-07-10 13:22:00
Asp.net实现简单的文字水印
2007-08-24 09:28:00
检测SQL Server是否有特洛伊木马
2009-02-24 15:19:00
ASP正则表达式技巧
2011-04-10 11:00:00
实现框架页面iframe的背景透明方法
2008-06-18 12:21:00
通过表单的做为二进制文件上传request.totalbytes提取出上传的二级制数据
2011-03-16 10:39:00
在应用环境中如何构造最优的数据库模式
2009-04-01 14:28:00
课程讲解 如何使用SQL Server校勘功能
2009-01-13 13:27:00
SQL Server字符串切割函数
2012-08-21 10:18:43
什么是Dynamic HTML(Dhtml)
2010-03-16 12:40:00
js自定义快捷,IE,FF有良好的支持
2007-08-25 17:34:00
ASP 三层架构 Convert类实现代码
2011-03-16 11:01:00
编写安全的SQL Server扩展存储过程
2008-11-25 11:16:00
谈点关于checkbox的事情
2010-09-28 14:49:00
如何修改MySQL 5.1 data文件夹路径
2010-10-25 19:58:00
数据库Oracle数据的异地的自动备份
2010-07-27 13:28:00
aspjpeg组件通用加水印函数代码
2011-04-04 10:32:00
如何用ASP建立Index Server查询对象并为其参数赋值?
2010-06-11 19:59:00
SQL 2005 sa islock用户不能正常登录的现象
2008-12-05 15:49:00