2017-01-04 8 views
-1

私はAngular 2のチュートリアルhereを見ていました。このCSSの詳細が私の注目を集めました。CSSの値の前にあるドットは何を意味しますか?

".1em"のドットは何を意味しますか?

.heroes li:hover { 
    color: #607D8B; 
    background-color: #DDD; 
    left: .1em; 
    } 
+2

0.1em?これは浮動小数点値です。 –

+1

数字だけで、 '0.1em'と同じです。 –

答えて

5

0.1emの略です。 1/10のつまり、整数(整数)に限定されるわけではありません。

+1

@ルーク・ブリッグス:なぜ?問題は、クラスセレクタについては全く明らかではありません。それはタイトルの "価値"を言う。 – BoltClock

+0

具体的には:https://www.w3.org/TR/css-values-3/#font-relative-lengths – steveax

+0

@BoltClockこの種の質問をしているCSS初心者は、おそらくセレクタと値。この答えがどれくらい短いのかを考えれば、 "' .heroes'は[クラスセレクタ](https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors) " –

0

0.1emを意味しますが、一部の人は.1emのように書いています。これは、数学で使用したようにショートカットです。

0

EMは、要素のfont-sizeを基準にした値です。 1EMの==に16px

フォントサイズの変更、1EM =新たなフォントサイズ値の場合:

.1emはないCSSで1EM

の10%です。

0

ドットは実際には0を意味し、CSSはドットの後に1の小数点以下の数字を入れます。 0.1 = 0.1 .3s =

0.3秒だから、2つのブロックが以下同じ作用:

300ミリ秒または0.3秒結果
div { 
    transition: all .3s; 
} 

div { 
    transition: all 0.3s; 
} 

関連する問題