許多網(wǎng)站都需要使用CSS樣式去美化頁面,雅虎網(wǎng)站也不例外。但是,不同的瀏覽器對CSS的解釋不同,這樣就會導(dǎo)致美化效果不理想,因此需要利用CSS初始化來解決兼容性問題。
在雅虎網(wǎng)站中,最常用的CSS初始化是reset.css。如下所示:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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; } /* IE hack */ a { color: #0000FF; }
這段代碼清空了所有的默認邊距和填充、默認字體大小、默認字體類型等,在頁面中使用此代碼可以避免因為默認值的不同而導(dǎo)致的兼容問題。
需要注意的是,在初始化代碼前我們需要引入Normalize.css文件。Normailze.css旨在彌補不同瀏覽器之間的差異。在normalize.css中,仍然保持原有的一些元素樣式,但修正了大量其他的不同瀏覽器之間的兼容問題。這一點非常重要,因為在開發(fā)過程中,為了提高兼容性,絕對不能直接像reset.css那樣完全清除瀏覽器的樣式,否則會遇到許多奇怪的問題。
上一篇mysql從表主鍵做外鍵
下一篇elme vue