css修改多个属性 |css媒体查询横屏

/* 第一种方式：逐一修改 */
.element {
font-size: 16px;
color: #333;
}
/* 第二种方式：使用逗号分隔 */
.element {
font-size: 16px,
color: #333;
}
/* 第三种方式：使用缩写 */
.element {
font: 16px/1.5 'Helvetica Neue', sans-serif;
color: #333;
}

逐一修改是最基本的方式，但是在修改多个属性时，代码量增加，不够简洁。使用逗号分隔可以解决这个问题，但是它只适用于某些属性，例如字体和背景。同时，它也不能像逐一修改那样控制每个属性的顺序。

因此，使用缩写是最常见的方式。缩写允许大家一次性定义多个属性。例如，大家可以使用font缩写同时定义字号、行高和字体系列。同时，大家也可以保持属性的顺序和样式的可读性。