1.创建html文件
head：
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--内部样式-->
<style type="text/css">
span{
font-size: 20px;
}
</style>外部样式引用代码：
<!--外部样式-->
<link href="css/style.css" rel="stylesheet" type="text/css"/>行内样式：
<body style="text-align: center;">body：
<h1>无题 - 相见时难别亦难 <span>唐代 - 李商隐</span></h1>
<p>相见时难别亦难，东风无力百花残</p>
<p class="row2">相见时难别亦难，东风无力百花残</p>
<p>相见时难别亦难，<span>东风无力百花残</span></p>
<p>相见时难别亦难，东风无力百花残</p>
<h1 id="second">无题 - 相见时难别亦难 唐代 - 李商隐</h1>
<p>相见时难别亦难，东风无力百花残</p>
<p class="row2">相见时难别亦难，东风无力百花残</p>
<p><span>相见时难别亦难</span>，东风无力百花残</p>
<p>相见时难别亦难，东风无力百花残</p>
<h1>无题 - 相见时难别亦难 唐代 - 李商隐</h1>
<p>相见时难别亦难，东风无力百花残</p>
<p class="row2">相见时难别亦难，东风无力百花残</p>
<p>相见时难别亦难，东风无力百花残</p>
<p>相见时难别亦难，<span>东风无力百花残</span></p>
2.创建文件夹css，并新建文件：文件名.css
1.标签选择器：筛选出当前页面所有该标签。
body{
background-color: black;
color: cyan;
}
span{
font-size: 20px;
color: red;
}2.通用选择器：选择页面中的所有标签。
*{
font-family: '幼圆';
}3.id选择器：筛选出页面中id为secod的标签，该id页面中只能有一个。
#second{
color: gold;
}4.类选择器：筛选出页面中class属性为row2的标签。
.row2{
color: pink;
}提示：css内部样式与外部样式都放在head属性里面，行内样式放在指定一行里面。
