1.什么是通配符选择器
CSS的通配符选择器是一种比较特殊的选择器，用 “*” 表示
**格式 *** : * { property : value ; …}
含义：可以选中页面中所有元素，对所有元素都生效
用途：一般要用来设置一些初始化的公共属性
例如：
* { margin : 0px ; padding : 0 px ;}
那么为什么要初始化一些公共属性呢？
答：
用如下例子解释一下
<body>
<div style="background: yellow">华为路由器</div>
<p>使用5G技术</p>
<ul>
<li>5G技术是下一代通信技术</li>
</ul>
</body>
我们看到，华为路由器 虽然是第一个元素，但这块的 div 它不是 顶满 紧贴浏览器边缘的，会有一些空隙。
那这些空隙是什么呢？我们打开开发者工具看一下
当我们点选body时，会看到body这块，其实是有一个
8 px margin
这个margin其实是什么呢？
其实就是chrom浏览器，给body这个标签，默认添加的一个样式。（每个浏览器，可能默认的不同，这样的话，就会影响我们的整个布局）
但是，我们在开发的时候，我们不希望body有 这个 8 px的margin ，因为我们希望我们的这个布局，都是非常精确的，精确到一个像素不差
我们希望顶满，（因为，希望，我们开发的东西，在不同的浏览器上，显示的效果一样。那么通配符选择器，就发挥作用啦，因为其能选中网页当中所有的元素）那么，就需要给这些标签，初始化margin的值
1 em=16 px
接着，
当我们把鼠标移动到，ul上时，也会看到有一个土橘黄色的间距，（其实和body的那个margin类似的），我们实际上开发页面的时候，也不希望浏览器给他添加这些默认的样式，，我们希望统一控制（比如开车，我们不希望AI控制，就希望，自己完全掌控）
- 什么是元素(又叫做标签)-选择器？
使用某个HTML元素名作为选择器
是一种最简单的选择器
格式：E { property : value ; …}
例如：h1 {
color: red;
background: blue;
}
练习例子：
```css
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>选择器</title>
<style>
* {
margin: 0px;
padding: 0px;
}
h1 {
color: red;
background: blue;
}
p {
background: green;
}
</style>
</head>
<body>
<div style="background: yellow">华为路由器</div>
<p>使用5G技术</p>
<ul>
<li>5G技术是下一代通信技术</li>
</ul>
<h1>h1标签这一章继续出境</h1>
</body>
</html>
5147
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
