css复合属性的层叠

关于css复合属性的层叠问题

1、用font复合属性时，建议严格按照（是否倾斜 是否加粗 字号/行高 字体）的顺序写，字号和字体是必填项。

例1：

font:normal 400 40px/40px “宋体”; 

 建议不改字体不用此复合属性

2、当复合属性和单属性同时存在时，例2：

font-style:italic;

font:700 40px “宋体”;

此时倾斜不会生效，因为font复合属性未设置倾斜，所以层叠了上面的font-style

建议先写复合属性，再写单属性

3、设置行高，例3：

line-height:22px;
font: 12px arial; 

此时行高不会生效，因为font复合属性未设置行高，所以层叠了上面的line-height

问题同上，建议先写复合属性，再写单属性

 

其他类似的复合属性还有background和border，也会经常出现层叠的情况，所以使用复合属性导致某些单属性不生效，查一查是不是层叠造成的吧。