基础选择器又包括：标签选择器、类选择器、id选择器和通配符选择器
1.标签选择器
标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
语法：
标签名 {
属性1 ： 属性值1;
}
<style>
p {
color: aqua;
}
</style>
<body>
<p>标签选择器</p>
<div>标签选择器</div>
</body>
标签选择器最大的优势是能快速为页面中同类型的标签统一样式，同时这也是它的缺点，不能设计差异化样式。
2.类选择器
差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器。
语法
. 类名{
属性1：属性值1;
}
<style>
.aqua {
color: aqua;
}
</style>
<body>
<p class="aqua">选择器</p>
<p>选择器</p>
</body>
利用类选择器画盒子及多类名的使用：
<style>
.aqua {
color: aqua;
}
/* 设置字号 */
.font{
font-size: 35;
}
.bisque{
/* 设置宽和高 */
width: 100px;
height: 100px;
/* 背景颜色 */
background-color: bisque;
}
</style>
<body>
<p class="aqua">选择器</p>
<!-- 利用类选择器画盒子 -->
<p class="bisque"></p>
<!-- 多类名的使用 -->
<p class="aqua font">选择器</p>
</body>
注：多类名使用时中间要用空格隔开
3.id选择器
HTML元素以id属性来设置id选择器，CSS中id选择器以“#"来定义。
语法
#id名{
属性1：属性值1;
}
<style>
#blue{
color: blue;
}
</style>
<body>
<p id="blue">值1</p>
<p>值2</p>
<p>值3</p>
</body>
注：id选择器只能调用一次
4.通配符选择器
通配符选择器常用 ‘*’ 号表示，它是所有选择器里作用范围最广的，能匹配页面中所有的元素。
语法
* {
属性1 ： 属性值1;
·····
}
<style>
*{
color: blue;
}
</style>
<body>
<p >值1</p>
<p>值2</p>
<p>值3</p>
<div>值4</div>
<span>值5</span>
</body>
注：通配符选择器不需要调用，自动就给所有的元素使用样式
2097
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
