17

重複の可能性：
このCSSフォントの省略構文はどういう意味ですか？

最近、アップルのWebサイトのスタイルを確認しているときに、理解できないこのCSSルール宣言に出くわしました。

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

理解できなかったので、スラッシュのfont: 12px/18px実際の動作を知りたいと思いました。

4

3 に答える 3

19

それは単に意味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 ショートハンドのクールなリストを次に示します。

于 2012-11-16T12:46:39.263 に答える
1

の省略形ですfont-size: 12px; line-height: 18px。

于 2012-11-16T12:46:41.827 に答える
-1

2 つの CSS プロパティを設定するためのショートカットであり、次と同じことを行います。

font-size: 12px;
line-height: 18px;
于 2012-11-16T12:48:02.520 に答える