【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 阅读 16 次 更新于 2025-06-21 05:31:43 我来答关注问题0
  • 选择器部分文章: 选择器介绍(一)标签选择器、id选择器、类选择器 https://www.jianshu.com/p/d2f54bc64302 选择器介绍(二)后代选择器,子代选择器,交集选择器,并集(群组)选择器 https://www.jianshu.com/p/98f6788d0f54 通配符选择器&清除浏览器默认样式 https://ww...

  •  阿暄生活 css选择器优先级顺序是怎么样的

    使用 * 通配符选择器定义的样式。通配符选择器的优先级最低,它会匹配页面上的所有元素。浏览器的自定义属性和继承:浏览器的默认样式和通过继承获得的样式,其优先级低于上述所有选择器定义的样式。继承的样式来自父元素,并应用于子元素,但其优先级低于子元素上直接定义的样式。总结:!important 声明的...

  •  阿暄生活 css选择器用法 html中css选择器

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

  • 一、通配符选择器(*) 通配符选择器是用来选择所有元素,,也可以选择某个元素下的所有元素。 二、元素选择器(E) 元素选择器,是css选择器中最常见而且最基本的选择器。 三、类选择器(.className) 类选择器是以一独立于文档元素的方式来指定样式,使用类选择器之前需要在html元素上定义类名 四、id选择器(#ID) ID...

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

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

CSS相关话题

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