在網(wǎng)頁制作中，CSS樣式的運(yùn)用十分重要。然而，在書寫CSS時(shí)，我們經(jīng)常會(huì)遇到一些麻煩——例如，所寫的代碼出現(xiàn)了“骨折”現(xiàn)象。

.box {
width: 200px;
height: 200px;
background-color: red;
border: 1px solid black;
margin:
10px auto;
}

上述代碼中，我們給一個(gè)名為box的div元素設(shè)置了寬度、高度、背景顏色和邊框，使它看起來像是一個(gè)紅色的盒子。但是，問題出現(xiàn)了。注意到在margin屬性中，我們忘記寫一個(gè)具體的數(shù)值，而將其設(shè)為空。這樣，在代碼執(zhí)行的過程中，CSS會(huì)將代碼打斷，使其產(chǎn)生“骨折”現(xiàn)象。當(dāng)我們預(yù)覽網(wǎng)頁時(shí)，可能會(huì)發(fā)現(xiàn)這個(gè)盒子根本無法正常顯示——它只是一片白色，完全沒有樣式。

遇到這種情況怎么辦呢？很簡(jiǎn)單，我們只需要給margin屬性中添加具體的數(shù)值就可以了。例如，我們可以將其改為：

.box {
width: 200px;
height: 200px;
background-color: red;
border: 1px solid black;
margin: 10px auto;
}

這樣，我們就可以順利地在網(wǎng)頁中看到一個(gè)紅色的盒子了。

總之，在書寫CSS時(shí)，我們需要十分小心謹(jǐn)慎，尤其是對(duì)于這種常見的錯(cuò)誤，更需注意檢查。只有這樣，我們才能寫出無懈可擊的CSS樣式。