我们之前讲了网页的HTML代码，今天我们来讲一下CSS样式,css样式和HTML的关系就像人的的骨头和肉，HTML是网页的骨架，CSS则是网页的肉。我看过一个视频，说只有HTML的网页就像一个没有化妆的女生，而加了CSS样式的网页就像一个化了妆的女神，确实，通过CSS样式，我们的网页可以变得非常美丽。那么CSS样式到底是怎么样的呢，我们今天来开始学习一下。
1.引入CSS：
1）我们之前用到过的行间样式
例：<div style=" ">.
2)页面级CSS：
<head>
<style type="text\css">
</style>
</head>
这个 type="text\css"的意思是告诉浏览器，我这里面是CSS，可写可不写。
3）外部CSS文件
打开一个文件以 文件名.css 命名保存，拓展名一定要是.css。并且要在头标签；里面写：
<head>
<link rel="stylesheet" type="text/css" href="css文件的相对路径">
2.简单选择器：
1）id选择器
特点：一个元素只能有一个id值，一个id值只能对应一个元素，二者是一一对应的，语法格式是#（加上id后面的值是什么就填什么），这个在我之前的视频里也有提到。
我们来看一个代码案例：
<div id="abc">把我选出去</div>
在css中写：
#abc{background-color:red;}
2)class选择器
特点：一个class可以对应多个元素。语法格式是：.class就可以找到class选择器了
案例：
<div class="abc">把我选出去</div>
<div class="abc">因为是class所以我们俩可以都选<div>
在css中写：
.abc{background-color:red;}
3）标签选择器
语法格式：标签名{}。
如果想选择<div>就直接写div{},如果想选择<p>就直接写p{}不管被嵌套多少层都会被选择出来，而且是选择全部
例：<span> 123</span>
<div>abv</div>
在css中写：
div{
color:red;
}
span{
color:green;
}
4）通配符选择器
*是全部的意思，所以*{}会把所有的标签都选择出来，包括html和body标签。
好了，以上就是我们最基本的标签选择器了，今天的内容也就到这里了，欢迎大家评论与关注呦！