从今天开始学习下前端的知识-查漏补缺，仅为自己学习记录使用

基础选择器

• 标签选择器
• 类选择器
• id 选择器
• 通配符选择器

标签选择器

标签名 {
    属性名：属性值;
}

<style>
    p {
        color: red;
    }
</style>


<p>你好，世界</p>

类选择器

.类名{
    属性名：属性值;
}

• 合法的类名：数字、字母、下划线、中划线
• 一个元素可以有多个类名，空格隔开

<style>
    .red {
        color: red;
    }

    .size {
        font-size: 60px;
    }
</style>

<div class="red">你好，世界</div>
<div class="red size">你好，世界</div>

id 选择器

#元素id{
    属性名：属性值;
}

• 页面中唯一，不能重复
• 一个标签只能有一个 id
• id 选择器一般与 js 配合使用

<style>
    #name {
        color: green;
    }
</style>

<div id="name">你好，世界</div>

通配符选择器

*{
   属性名：属性值;
}

• 选中页面所有标签
• 一般用于统一设置页面样式

/* 清除内外边距 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}