在 CSS 中使用空格的方法有很多,下面我們來(lái)看幾種常見的用法。
/* 1. 選擇器和屬性之間用空格隔開 */ div span { color: red; } /* 2. 屬性名和屬性值之間用空格隔開 */ font-size: 16px; /* 3. 多個(gè)屬性值之間用空格隔開 */ background-position: center top; /* 4. 單位和數(shù)值之間用空格隔開 */ margin: 10px 20px; /* 5. 多個(gè)值之間用空格隔開 */ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); /* 6. 屬性值中有多個(gè)單詞時(shí),單詞之間用空格隔開 */ font-family: "Helvetica Neue", Arial, sans-serif;
使用空格可以讓代碼更加清晰易讀,但是需要注意不要過(guò)度使用,否則會(huì)影響代碼的可讀性。