CSS样式-基础选择器
选择器：一种规则，用于将一类标记选择出来，然后对这些标记使用样式(style)
选择器{属性名：属性值；属性名：属性值；...}
一、标签选择器：
标签选择器：标签名，多个标签的话，之间可以用逗号分隔开。
div {
color: #F00;
font-size: 45px;
background-ccolor: #000;
}
p {
color: #0F0;
}
二、类选择器：.类名
<head>
<style type = "text/css">
.red-d {
color: #F00;
font-size: 45px;
background-ccolor: #000;
}
.green-p {
color: #0F0;
}
</style>
</head>
<body>
<div class = "red-d">
<p class="green-p">这是一个段落</p>
</div>
</body>
2.1 一个标签可以使用多个类,多个类名写在一个class中，中间用空格分开；使用场景一般是一种样式在多个标签都会使用到时，便将其提取出来，作为公共样式。
<body>
<div class="类名1 类名2 类名3"></div>
</body>
2.2 样式冲突：同一个样式在不同的类里定义成不同的样式，定义在后面的样式会覆盖定义在前面的样式（备注：在先在后指的是类的定义，而不是标签中类的使用）
三、id选择器： #id名
3.1 类选择器和id选择器的区别：
一个类可以有多个标签使用，一个标签可以同时使用多个类：多对多的关系；
一个标签只能有一个id，同一个id值只能有一个标签使用：一对一的关系；
id一般应用于页面的顶级结构，类则描述了标签的一种特征。
四、通配符选择器：* 代表所有的标签
4.1一般用法：
* {
margin: 0;
padding: 0;
}
浙公网安备 33010602011771号