2014-03-31 125 views
5

我在找的符号/的含义。我用它搜索了它,没有一点成就。符号'/'的含义是什么?

你可以找到无处不在,但在这里an example from today

#identity:before 
{ 
    /* some useless stuffs */ 
    border-radius: 30% 0% 30% 0%/75% 0% 75% 0%; 
} 

我已经与font-size财产看见了。

我不确定这个问题属于这里。告诉我,如果我必须移动它。

谢谢。

UPDATE

Chris Bpost一个link关于font-size的情况。

font: 12px/18px 

平均:

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

这是一个速记。现在,border-radius有什么意义?

+1

我刚想说这是征求意见,然后我看到那个鬼鬼祟祟的小混蛋藏在百分比中。 –

+2

可能重复[这是什么CSS字体速记语法意思?](http://stackoverflow.com/questions/4080265/what-does-this-css-font-shorthand-syntax-mean) –

+0

@ChrisB我学到了一些东西!但是,边界半径的意义何在?我会编辑我的答案。 – aloisdg

回答

8

“如果在斜线前后给出值,则斜杠前的值设置水平半径,斜线后的值设置垂直半径。如果没有斜线,则这两个值的设置均相等“。

从您的文章代码中的斜杠是速记和区分垂直和水平半径。

http://www.w3.org/TR/css3-background/#border-radius

从上面的链接:

border-radius: 4em; 

相当于

border-top-left-radius:  4em; 
border-top-right-radius: 4em; 
border-bottom-right-radius: 4em; 
border-bottom-left-radius: 4em; 

border-radius: 2em 1em 4em/0.5em 3em; 

相当于

border-top-left-radius:  2em 0.5em; 
border-top-right-radius: 1em 3em; 
border-bottom-right-radius: 4em 0.5em; 
border-bottom-left-radius: 1em 3em; 
+0

那么一个基本的RTFM。该死的。谢谢 ! – aloisdg

+0

@aloisdg没问题!很高兴我能帮上忙! –

1

CSS语法有三种类型的列表中的元素分离器:

  • '/'(斜线)
  • ''(空格)
  • ''(逗号)

因此,上面的边界半径可以写成LISP样式:

(30% 0% 30% 0%) (75% 0% 75% 0%); 

两个元素的列表,其中每个元素本身是一个由四个元素组成的列表。

不幸的CSS语法不符合这个分隔符的优先级。 在border-radius财产' ''/'但字体声明的重点是不同的优先级更高,所以这样的:

font:italic bold 12px/30px Georgia, serif; 

被解析,因为这

font:italic bold (12px 30px) (Georgia serif); 
+0

很高兴知道。谢谢。 – aloisdg

相关问题