1)CSS基础选择器
1、元素选择器
别名:标签选择器、标记选择器
特点:通过元素名称作为选择器名称
作用:修改某一元素的默认样式
body{}
h1{}
h2{}
2、类选择器(类样式)
特点:通过元素的 class 属性来进行引用
作用:定义某一组标签的统一样式
语法:.className{color:red;bakcground:yellow;}
注意:className不能以数字开头
引用:<div class="className"></div>
<h3 class="className"></h3>
3、分类选择器
由类选择器衍生出来的新选择器
将类选择器 与 元素选择器 结合使用
目的:为了更精准的定位的页面的元素
语法:元素选择器.类选择器{}
p.important{}
4、通用选择器
作用:适配页面上所用的元素,改变他们的样式
语法:*{}
1、元素选择器
别名:标签选择器、标记选择器
特点:通过元素名称作为选择器名称
作用:修改某一元素的默认样式
body{}
h1{}
h2{}
2、类选择器(类样式)
特点:通过元素的 class 属性来进行引用
作用:定义某一组标签的统一样式
语法:.className{color:red;bakcground:yellow;}
注意:className不能以数字开头
引用:<div class="className"></div>
<h3 class="className"></h3>
3、分类选择器
由类选择器衍生出来的新选择器
将类选择器 与 元素选择器 结合使用
目的:为了更精准的定位的页面的元素
语法:元素选择器.类选择器{}
p.important{}
4、通用选择器
作用:适配页面上所用的元素,改变他们的样式
语法:*{}