スペースとカンマの違い - CSSプロパティ値（セレクタではない）

Question

CSSプロパティ値（セレクタではない）のスペースとカンマの違いは何ですか？

font:bold 60px helvetical, arial, sans-serif; 

私はちょうどテストを持っていた、変更のコンマは、上記のスタイルでスペースまたはその逆に、私はスペース/カンマを使用する際に知りたいとき、それは異なる効果を持っていますか？

Answer 1

スペース：

各値は異なる機能を作ります。例えば：

font: bold 60px helvetica, arial, sans-serif; 

太字 = font-weight: bold;

60PX = font-size: 60px;

bold重量と60pxサイズを行うか、これら二つは互いに異なります。

カンマ：

のHelvetica、Arialの、サンセリフは、カンマで = font-family: helvetica, arial, sans-serif;

値は、同じ機能を実行します。彼らはすべてfont-familyを変更します。この場合、 ：それはサポートされていないarial場合、それは、その後、サポートarialロードしていない場合はhelvetica

は、その後、sans-serifロードします。あなたは二つの単語が含まれており、スペースRoboto Slabのようなを持っているフォントを使用する場合は

：二つの単語でのフォントを使用して

。

これらのフォントの場合は、二重引用符"roboto slab"に入力する必要があります。

例：font: bold 60px "roboto slab", arial, sans-serif;