/(正斜杠)在css样式声明中

时间:2012-11-16 12:45:32

标签: css

  

可能重复:
  What does this CSS font shorthand syntax mean?

最近在检查苹果网站的样式时,我遇到了这个我无法理解的CSS规则声明:

body {
   font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

我无法理解,因此想知道font: 12px/18px中正向斜线的实际效果如何?

3 个答案:

答案 0 :(得分:16)

它只是意味着font-sizeline-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;

这是一个很酷的list CSS简写

答案 1 :(得分:2)

这是font-size: 12px; line-height: 18px的缩写。

答案 2 :(得分:0)

它是设置2个css属性的捷径,并且与以下内容相同:

font-size: 12px;
line-height: 18px;