一、css简称样式表，让网页更加美观，主要由选择器和声明（样式，由属性名和属性值组成）组成
二、css引入方式
内联样式（不利于维护，缺乏整体性和规划性）
<body>
<p style="color:rgb(22, 73, 167)";font-size:50px>内联样式</p>
</body>
内部样式
如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 选择器是h1，{}里面是样式 */
h1{
color: blueviolet;
font-size:30px;
}
</style>
</head>
<body>
<h1>你好</h1>
</body>
</html>
外部样式（一般用）
01.html：
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./01.css">
</head>
<body>
<p>产品</p>
</body>
01css:
p{
color: brown;
font-size: large;
}
三、css选择器
全局选择器（可以和任何元素匹配，一般做样式初始化）
<style>
*{
font-size: 25px;
color: aqua;
}
</style>
元素选择器（选择同一类型的标签）
<style>
h1{
color: blueviolet;
font-size:30px;
}
</style>
类选择器（用圆点定义，针对想要的标签使用）
<style>
.emo{
color: blue;
}
.size{
font-size:30px ;
}
</style>
</head>
<body>
<p class="emo size">我打算烦都烦死</p>
</body>
ID选择器（只能使用一次，id是唯一的，不能以数字开头）
<style>
#text{
color: blueviolet;\
font-size: 30px;
}
</style>
</head>
<body>
<p id="text">hello</p>
</body>
合并选择器（选取共同样式 ）
<style>
.te,.xt{
font: optional;
color: blue;
}
</style>
</head>
<body>
<p class="te">dchsdgnzb</p>
<h1 class="xt">hjgjhhfjfh</h1>
</body>
注：选择器优先级（从高到低）行内样式 ID选择器 类选择器 元素选择器
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
