可能重复:
这个 CSS 字体速记语法是什么意思?
最近在检查苹果网站的样式时,我遇到了这个我无法理解的 CSS 规则声明:
body {
font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
我无法理解,因此想知道正斜杠font: 12px/18px
实际上是如何工作的?
可能重复:
这个 CSS 字体速记语法是什么意思?
最近在检查苹果网站的样式时,我遇到了这个我无法理解的 CSS 规则声明:
body {
font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
我无法理解,因此想知道正斜杠font: 12px/18px
实际上是如何工作的?
它只是意味着font-size
和line-height
font: 12px/18px /*12px font-size and 18px line-height*/
这是一个速记符号......您可以使用更多的 CSS,例如
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
可以简单地写为
margin: 10px 20px 30px 40px
^----^----^----^
Top/Right/Bottom/Left
或者说例如这个
border-width: 1px;
border-style:solid;
border-color: #ff0000;
可以写成
border: 1px solid #f0000;
这是一个很酷的 CSS 速记列表。
它是 的简写font-size: 12px; line-height: 18px
。
它是设置 2 个 css 属性的捷径,其作用与以下相同:
font-size: 12px;
line-height: 18px;