CSS Shorthand

最新推荐文章于 2022-01-14 00:32:40 发布

颓废的四哥

最新推荐文章于 2022-01-14 00:32:40 发布

阅读量285

点赞数

分类专栏： css 文章标签： css

版权

13 篇文章

订阅专栏

	background-color: #000;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: top right;

可以简写成一行声明：

	background: #000 url(images/bg.gif) no-repeat top right;

简写的形式实际上等价于以上普通属性再加上 background-attachment: scroll 以及 CSS3 中的一些附加属性。

下面的声明：

	font-style: italic;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.2;
	font-family: Arial, sans-serif;

可以简写成下面的：

	font: italic bold .8em/1.2 Arial, sans-serif;

这个简写声明实际上等价于以上普通属性再加上 font-variant: normal 和 font-size-adjust: none (CSS2.0 / CSS3)，font-stretch: normal (CSS3)。

对于 border 来说，宽度、颜色和类型是可以被简写到一个声明里的。比如：

	border-width: 1px;
	border-style: solid;
	border-color: #000;

可以简写成：

border: 1px solid #000;

margin 和 padding 值的简写版本类似。下面的 CSS 声明：

	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;

和下面的声明是一样的（注意，值是从 top 顺时针开始的：top、right、bottom、接着是 left）

	margin: 10px 5px 10px 5px;