全局选择器(通配符选择器)
可以和任何元素匹配,优先级最低,可以作为样式初始化。
*{
margin: 0;
padding: 0;
}
用上一篇的内部样式实战一下:
            
            
              html
              
              
            
          
          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      *{
        font-size:30px;
        color: black;
      }
    </style>
</head>
<body>
    <p>hello</p>
    <h1>css</h1>
</body>
</html>运行结果是将下面的所有标签内容(hello,css)统一改成了大小为30px,颜色黑色的字体。
元素选择器
html文档中的元素,p,b,div,a,img,body等
标签选择器,选择的是页面上所有这种类型的标签,所以经常描述'共性',无法描述一个元素的'个性'。
一句话怎们设置成两种样式呢?就像这样

代码部分:

类选择器
灵活,使用率最高
.类名{}
你想改那个那个标签价格class,类名就是那个class后面等于的,不能以数字开头。
类选择器可以被多种标签使用,一个标签可以使用多个类选择器,用空格隔开。


ID选择器
针对某一个特定的标签来使用,只能用一次。class中的ID选择器以#来定义。
id是唯一的,不能以数字开头。
<h2 id="mytitle">你好</h2>
#mytitle{
border:3px;
color: green;
}
合并选择器
.选择器1,.选择器2,.......{}
作用:提取共同样式,减少代码重复
选择器优先级
行内样式>ID选择器>类选择器>元素选择器(同级会覆盖)