在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，CSS（層疊樣式表）的運(yùn)用可以使網(wǎng)頁(yè)界面更加美觀、清新。而在開(kāi)始編寫(xiě)CSS樣式之前，我們需要了解一些CSS的基本知識(shí)。

/* CSS樣式常用開(kāi)頭 */
body{
margin: 0;
padding: 0;
}

在開(kāi)頭進(jìn)行CSS樣式的設(shè)置，可以避免后續(xù)的麻煩。比如，我們一般會(huì)將元素的margin和padding設(shè)置為0，這樣就可以避免產(chǎn)生頁(yè)面偏移和多余的空白。小伙伴們?cè)趯?xiě)CSS樣式時(shí)，可以將這段代碼放在最上方。

/* 設(shè)置換行樣式 */
*{
margin: 0;
padding: 0;
word-wrap: break-word;
word-break: break-all;
}

有些時(shí)候，我們需要處理網(wǎng)頁(yè)中的文字內(nèi)容，防止出現(xiàn)單詞斷開(kāi)等情況。因此，在編寫(xiě)CSS樣式前，我們可以設(shè)置文字的換行樣式，使用word-wrap和word-break屬性對(duì)文字內(nèi)容進(jìn)行控制。

/* 相對(duì)尺寸設(shè)置 */
html{
font-size: 62.5%;
}
body{
font-size: 1.4rem;
}

在編寫(xiě)CSS樣式時(shí)，一個(gè)很重要的知識(shí)點(diǎn)就是CSS相對(duì)尺寸的設(shè)置。使用相對(duì)尺寸，可以對(duì)不同設(shè)備的屏幕進(jìn)行自適應(yīng)，讓頁(yè)面保持美觀。在上面的代碼中，我們使用了rem（根據(jù)根元素字體大小來(lái)確定大小）為單位來(lái)對(duì)頁(yè)面字體大小進(jìn)行設(shè)置，同時(shí)也設(shè)置了相對(duì)單位html的字體大小，為后續(xù)的頁(yè)面開(kāi)發(fā)提供便利。