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;
}