在使用 CSS 之前,我們要進行一些初始化來保證我們的樣式表可以正確地應用到 HTML 文檔上。這些初始化主要包括以下幾點:
/* 重置標簽默認樣式 */ * { margin: 0; padding: 0; box-sizing: border-box; } /* 設置 body 標簽的字體、背景和顏色 */ body { font-family: sans-serif; background-color: #fff; color: #333; } /* 去除鏈接的下劃線 */ a { text-decoration: none; } /* 去除列表項默認的標記 */ li { list-style: none; }
以上代碼將會重置所有 HTML 標簽的默認樣式,避免瀏覽器默認樣式的影響。同時,我們還可以設置 body 標簽的字體、背景和顏色等基本樣式,以及去除鏈接的下劃線和列表項默認的標記,使得我們在進行樣式設計時有更好的基礎。