通用选择器的一个常用用法
为了保证作出的页面能兼容多种浏览器,需要对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; }
注: 通用选择器是功能最强大的也是用的最少的选择器。
为了保证作出的页面能兼容多种浏览器,需要对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; }
注: 通用选择器是功能最强大的也是用的最少的选择器。
本文介绍了如何使用CSS的通用选择器来重置HTML标签的默认样式,以确保网页在不同浏览器中的一致显示效果。文章提供了两种重置方法,并解释了它们之间的优缺点。

被折叠的 条评论
为什么被折叠?



