通用选择器

通用选择器的一个常见用法。

为了保证作出的页面能兼容多种浏览器,需要对HTML内的所有标签进行重置,将以下代码加到CSS文件的顶端:

 * { margin: 0; padding: 0; }

 这是因为每种浏览器都自带有CSS文件,若一个页面在浏览器加载完页面后没有发现CSS文件,则浏览器会自动调用自身所带的CSS文件,但不同的浏览器所带的CSS文件又都不一样,对不同的标签定义的样式也不同,故若我们想让做出的页面能在不同的浏览器中显示的效果都一样,则我们需要对HTML标签进行重置,就是上面的代码了,但是这样做也有缺点,因为HTML4.01共有89个标签,这意味这在页面加载时先对这89个标签都加上了{ margin: 0; padding: 0; },这样做相当的不必要。我们只需要对需要重置 的标签地重置即可。如下

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input{margin:0;padding:0; }

注: 通用选择器是功能最强大的也是用的最少的选择器。

热门文章

优秀文章