速记CSS有缺点吗?

时间:2016-09-20 14:01:38

标签: css shorthand

假设我正在定义网站上所有p - 元素的字体大小。我这样做如下:

p {
    font: 14px/1.3 'Open sans', sans-serif;
}

这是所谓的速记CSS,大致如下:

p {
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    line-height: 1.3;
}

所有省略的值都将采用默认值。如果您知道默认值是什么,这是编写CSS的最简单方法(在我看来)。

但是,如果您有背景,并且只想更改颜色,则需要编写以下内容:

.container {
    background: red;
}

我想知道的是,与仅改变background-color相比,这是否有任何缺点,因为这是你唯一改变的事情。编写如下更好吗?

.container {
    background-color: red;
}

这例如是否对渲染速度有任何影响,或者这仅对覆盖背景的单个值有用(在本例中)?

0 个答案:

没有答案