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

html-css019

【css】通配符选择器&清除浏览器默认样式,第1张

写法:*{}

星号即为通配符选择器,写在其中的样式会应用页面到所有的元素中,所以使用的频率并不高,主要用于清除浏览器默认样式。

在使用各种元素的过程中,我们会发现很多元素都是有默认样式的,比如<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

这个也没有别的意思

#div_test #只代表这是一个ID选择器

。仅代表是一个类别选择器

#号后面的是元素的ID

。号后面的是元素类名

如果没# .这种标识符 那就不能区分div_test 是ID选择器,还是类别选择器

代码就无法执行,,,

这个学久了自然就能理解。。。。

刚开始学的时候,我也不理解

还有就是那个标签选择器,

为什么会叫标签选择器,而不叫元素选择器呢

那是因为标签名就是元素名

元素是一个整体的概念,元素名仅仅只代表元素的名称

p元素,它的名称就是p

<p>这是个标签,标签名就是P

标签是由元素名与<>组成

而元素是由开始标签与结束标签组成

*是通配符,,

表示所有

* { margin:0}

重置所有元素的边距

可以啊,通配符选择器权重特别低,到时候一些样式是可以被类选择器覆盖的,所以用起来完全没有压力。

然后就是组合使用,比如:

.c1 * {

font-size: 60px

}

就是设置类名为c1里面的所有子元素的字号大小。