css一起联合声明写法

CSS联合声明指的是在一个CSS样式规则中同时定义多个属性，而不是一个规则对应一个属性。这种写法不仅可以简化CSS代码，还可以提高代码的可读性和可维护性。

下面是一个例子：

 p{
        font-size: 16px;
        color: #333;
        line-height: 1.5;
        margin: 10px 0;
    } 

在上面的代码中，我们定义了一个p元素的四个属性：字体大小、颜色、行高和外边距。这种写法比分别写四个规则要简洁明了得多。

当然，CSS联合声明也可以应用于更复杂的情况。例如：

 .btn{
        display: inline-block;
        margin: 0 10px;
        padding: 5px 10px;
        font-size: 14px;
        color: #fff;
        background-color: #337ab7;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    } 

上述代码定义了一个通用的按钮样式，其中包含了许多属性。如果分别写多个规则，不仅会增加代码量，而且会降低代码的可读性。

总之，CSS联合声明可以使CSS代码更加简洁，易于维护和扩展，同时也能提高代码的可读性和可维护性。