引入外部样式表:
color：文字颜色
font-family：文字字体/*Windows字体存放路径——C:\Windows\Fonts*/
font-size：文字大小
width：宽度
height：高度
background-color：背景色
选择器：用于选择 HTML 标签，添加 CSS 样式
p{
color:red;
}
<p>我会变成红色</p>
<div>
<div>
<p>我也一样红了</p>
</div>
</div>
/*标签选择器：通过 HTML 标签进行选择*/
#xuanwo{
color:yellow;
}
<p id="xuanwo">我黄了</p>
/*ID选择器：通过标签中设的 ID 进行选择，ID 只可唯一*/
.yiqun{
color:blue;
}
<p class="yiqun">我蓝了</p>
<h1 class="yiqun">我也蓝了</h1>
/*类选择器：通过标签中设的 class 进行选择*/
*{
margin: 0;
padding: 0;
}
/*通配符选择器：选择<html>内的所有标签 !不建议! */
div p{
color:red;
}
<p>我不会变成红色</p>
<div>
<span>
<p>我红了</p>
</span>
</div>
/*后代选择器：通过空格选择子级标签，可以跳级*/
p.yiqun#yige{
color:red;
}
p#erge{
color:yellow;
}
<p>没事</p>
<p class="yiqun">没事</p>
<p id="erge">黄了</p>
<p id="yige" class="yiqun">红了</p>
/*交集选择器：连续书写，标签选择器在最前，必须拥有所有的选择器条件才可获得样式*/
p,h1,.yiqun,#yige{
color:red;
}
<p>红了</p>
<h1>红了</h1>
<h2 class="yiqun">红了</h2>
<h3 class="yiqun">红了</h3>
<h4 id="yige">红了</h4>
/*并集选择器：逗号分开，同时给所有的标签设置样式*/
