目录
前面简单的介绍了css和最基本的引用，但是css可不是引用了就行了，下面我们来说说引入完之后的事情吧。
- css三大基本选择器
（一）标签选择器
标签名 {属性1: 属性值1;}
标签选择器最大优点是能快速为页面中同类型的标签统一样式，同时也是它的缺点。不能设计差异性样式。
例如下图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
<style>
div{
color: red;
}
</style>
</head>
<body>
<div>haha</div>
</body>
</html>
（二）类选择器
使用 “.” 进行标识，后面紧跟类名。在要作用的标签里面写 class=“.类名”。
类名命名规范:
（一）长名称或此族尽量使用中横线来为选择器命名。
（二）不建议使用“_”下划线来命名css选择器。
（三）不要使用纯数字，中文符命名，尽量使用英文字母来表示。
（四）英文尽量命名的与该区域内容有关！！！！！！见名知意。
多类名选择器：
在一个标签内其实可以放多个类选择器，那么多个类选择器就存在并列关系。
（一）样式显示效果跟HTML元素中的类名先后顺序没有关系，受css样式书写的上下顺序有关。
（二）各个类名之间有空格隔开。
（三）多类名选择器在后期布局比较复杂的情况下，比较常用。
例如下图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
<style>
.red{
color: red;
}
.font{
font-weight: 600;
}
</style>
</head>
<body>
<div class="red font">haha</div>
</body>
</html>
（三）ID选择器
与类选择器类似，使用“#”进行标识后面紧跟类名要作用的标签里面写id=“类名”。
例如下图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
<style>
#red{
color: red;
}
</style>
</head>
<body>
<div id="red">haha</div>
</body>
</html>
2. css三大基本选择器的区别
一般来说，标签选择器在实际的项目中不怎么常用，最常用的还是类选择器还有id选择器，但是id选择器还是有一定的局限性的，就是，id选择器每一个只能用一次，而类选择器可以无限重复使用。这是最重要的区别，也是大项目中钟爱类选择的原因。