在開發(fā)網(wǎng)頁的時(shí)候，CSS3 是一個(gè)非常重要的工具，它可以讓我們更容易地實(shí)現(xiàn)網(wǎng)頁的美化。但是，有時(shí)候會遇到頁面出錯(cuò)的情況，下面就來分析一下可能會出現(xiàn)的問題。

/* 下面這段代碼可能會導(dǎo)致頁面出錯(cuò) */
div{
background-color: #ffffff;
color: #000;
border 1px solid #f00;
}

在這段 CSS 代碼中，我們很容易就能看出問題所在，就是在邊框的定義中少寫了一個(gè)冒號，應(yīng)該是 “border: 1px solid #f00;”。

/* 下面這段代碼也可能會導(dǎo)致頁面出錯(cuò) */
p{
font-family: "Microsoft Yahei";
font-size: 16px;
color: #333;
margin: 10px;
padding: 10px;
background-color: #f5f5f5;
text-align: center;
height: 100%;
}

頁面出錯(cuò)的原因很明顯，就是最后一行代碼中的 “height: 100%;”，這樣會導(dǎo)致 p 標(biāo)簽的高度變成了整個(gè)頁面的高度，而原本應(yīng)該是由內(nèi)容自動撐開的高度，所以直接刪除這行代碼即可。

總的來說，遇到頁面出錯(cuò)時(shí)可以先檢查 CSS 代碼是否存在語法上的錯(cuò)誤，其次是查看代碼中各個(gè)屬性是否符合要求，而這些錯(cuò)誤都可以通過仔細(xì)檢查代碼來避免。