CSS的基础和技巧(2)

6.CSS的属性缩写

一些CSS属性允许使用一串值代替许多属性，值使用空格分开。
　　margin,pdding和border-width允许合并
margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：
property:top right bottom left;逆时针顺序。
　　所以下面的：

p {
border-top-width: 1px;
border-right-width: 5px;
border-bottom-width: 10px;
border-left-width: 20px;
}

可以写成：

p {
border-width: 1px 5px 10px 20px;
}

7.Grouping 分组

当许多选择器有同样属性时，可以使用逗号组合它们。例子：

h2 {
color: red;
}
.thisOtherClass {
color: red;
}
.yetAnotherClass {
color: red;
}

上面的可以写成这样：

h2, .thisOtherClass, .yetAnotherClass
{
color: red;
}