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

最新推荐文章于 2024-01-18 10:00:51 发布

362576256

最新推荐文章于 2024-01-18 10:00:51 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/newzzorg/article/details/8443553

版权

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

为了保证作出的页面能兼容多种浏览器，需要对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; }

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

原文来自站长网