空間和逗號之間的區別 - CSS屬性值（不在選擇器中）

CSS屬性值中的空格和逗號有什麼不同（不適用於選擇器）？空間和逗號之間的區別 - CSS屬性值（不在選擇器中）

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

我只是有一個測試，它有不同的效果時，變化逗號上文風格的空間，反之亦然，所以我想知道什麼時候使用空間/逗號？

來源

2016-10-27 gTiancai

空格分隔的屬性的部件，comman分離一個屬性的值。你的例子可以寫成：'font-weight：bold; font-size：60px; font-family：helvetical，arial，sans-serif;'。檢查這個答案的更多細節：[當一個CSS屬性可以有多個值，這些值總是用空白分隔？]（http://stackoverflow.com/questions/22392420） –

可能重複[什麼逗號和空格在多個類的意思是在CSS？]（http://stackoverflow.com/questions/3344284/what-do-commas-and-spaces-in-multiple-classes-mean-in-css） – Roberrrt

這取決於具體的語法具體屬性。沒有*通用*答案。 – deceze

空間：

每個值做出不同的功能。例如：

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

粗體 = font-weight: bold;

60像素 = font-size: 60px;

bold做的重量和60px做的大小，這兩個是彼此不同的。

逗號：

黑體，宋體，無襯線 = font-family: helvetica, arial, sans-serif;

值在逗號做相同的功能。他們都改變font-family。在這種情況下：

如果helvetica它不支持然後加載arial，如果arial它不支持然後加載sans-serif。

使用字體兩個字：

如果您使用包含兩個詞的字體和具有空間像Roboto Slab。

對於這些字體，你必須把它們放在雙引號"roboto slab"。

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

來源

2016-10-27 12:09:19

空間和逗號之間的區別 - CSS屬性值（不在選擇器中）

回答

相關問題