在CSS中,通常會(huì)先默認(rèn)樣式表。這些默認(rèn)值可以在不同瀏覽器或操作系統(tǒng)之間有所不同,這可能會(huì)對(duì)您的頁(yè)面造成一些問(wèn)題。因此,您需要知道如何刪除默認(rèn)樣式表以確保您的樣式表能夠正確地應(yīng)用。
* { margin: 0; padding: 0; box-sizing: border-box; }
上面的代碼演示了如何使用通用選擇器來(lái)刪除頁(yè)面上所有元素的所有默認(rèn)外邊距、內(nèi)邊距和邊框大小。同時(shí),也將所有元素的盒模型規(guī)定為邊框盒模型,這意味著元素的寬度和高度不再包括邊界寬度和填充。
此外,您還可以使用重置樣式表,它包含專門為刪除默認(rèn)樣式而編寫的CSS規(guī)則。該樣式表通常包含大量的CSS代碼,但通過(guò)使用它,您可以確保您的網(wǎng)站在各種瀏覽器中的外觀和感覺相同。
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* 處理IE6/7/8/9的標(biāo)簽?zāi)J(rèn)行為 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
總而言之,在使用CSS時(shí),刪除默認(rèn)樣式以確保您的樣式表正常工作是至關(guān)重要的。您可以使用通用選擇器或重置樣式表,這些工具可以在確保網(wǎng)站外觀一致性的同時(shí),更好地控制CSS。因此,牢記這些技巧,讓CSS更快、更好的工作吧!