【css】通配符选择器&;清除浏览器默认样式

1、清除在编写页面中由于浏览器默认样式带来的干扰。 2、兼容性更好,不同浏览器的默认样式可能会有所不同,如果不清楚可能会造成我们编写的页面在不同浏览器上的效果有所出入。选择器部分文章: 选择器介绍(一)标签选择器、id选择器、类选择器 https://www.jianshu.com/p/d2f54bc64302...
【css】通配符选择器&;清除浏览器默认样式
写法:*{} 星号即为通配符选择器,写在其中的样式会应用页面到所有的元素中,所以使用的频率并不高,主要用于清除浏览器默认样式。
在使用各种元素的过程中,我们会发现很多元素都是有默认样式的,比如<body>标签有默认的padding值和margin值,<h1>和<p>标签有默认的行高字号,margin值,a标签有默认的下划线,列表前面有小圆点等等,常常会干扰我们进行页面的编写,所以我们可以事先使用通配符选择器进行浏览器默认样式清除。
更精准的清除方法 刚刚我们使用的通配符选择器,会给所有元素都设置一遍默认样式,解析的工作量会比较大,所以我们可以根据我的页面里到底有哪些元素需要清除,使用群组选择器写出更精确的清除默认样式css,如:
可以把它写入一个外部样式表reset.css,如果需要清除直接导入就可以啦。
1、清除在编写页面中由于浏览器默认样式带来的干扰。 2、兼容性更好,不同浏览器的默认样式可能会有所不同,如果不清楚可能会造成我们编写的页面在不同浏览器上的效果有所出入。
选择器部分文章: 选择器介绍(一)标签选择器、id选择器、类选择器 https://www.jianshu.com/p/d2f54bc64302 选择器介绍(二)后代选择器,子代选择器,交集选择器,并集(群组)选择器 https://www.jianshu.com/p/98f6788d0f54 通配符选择器&清除浏览器默认样式 https://www.jianshu.com/p/4eb179b4fdfc
2022-06-02
mengvlog 阅读 35 次 更新于 2025-08-08 15:25:24 我来答关注问题0
  • 选择器部分文章: 选择器介绍(一)标签选择器、id选择器、类选择器 https://www.jianshu.com/p/d2f54bc64302 选择器介绍(二)后代选择器,子代选择器,交集选择器,并集(群组)选择器 https://www.jianshu.com/p/98f6788d0f54 通配符选择器&清除浏览器默认样式 https://ww...

  • 用法:通过祖先元素和后代元素的关系来选择元素。例如,.parent .child { margin: 10px; } 会将所有.parent类中的.child类元素的外边距设置为10px。特点:用于在复杂的HTML结构中精确地选择元素。通配符选择器:用法:使用*来选择所有元素。例如,* { box-sizing: border-box; } 会将所有元素的盒...

  •  翡希信息咨询 css选择器有哪些

    通配符选择器以*表示。例如,* { margin: 0; padding: 0; }会将页面上所有元素的边距和内边距设置为0。此外,还有其他一些高级选择器,如属性选择器、后代选择器、子选择器、相邻兄弟选择器等,它们提供了更精细的选择和控制元素样式的能力。但基于问题的直接要求,上述四种是最基础且常用的CSS选择器。

  •  猪八戒网 多类名选择器的使用方式(css多类名选择器)

    【css】选择器介绍(一)标签选择器、id选择器、类选择器CSS基本选择器可以分为五类:标签选择器、id选择器、类选择器、通配符选择器和伪类选择器。多类名选择器可以给单个标签添加多个类名,既可以提升类样式的复用性,也可以达到添加多种样式的效果。css选择器有,标签名选择器,类选择器,ID选择器,...

  • 2、内联样式:在HTML元素的style属性中指定的样式具有第二高的优先级。3、ID选择器:ID选择器具有比属性选择器更高的优先级。4、类选择器、属性选择器和伪类选择器:这些选择器的优先级相同。5、元素选择器和伪元素选择器:这些选择器的优先级相同。6、通配符选择器和子选择器:这些选择器的优先级相同...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部