1.1 直接在标签上使用style属性来设置样式
<div style="color: red;font-weight: bold;font-size: 120px;">果果爸爸青少年编程</div>
一个html标签，可以由多个“属性名：属性值”来进行修饰，多个属性名之间用“;”隔开。
1.2 引入CSS的三种方式
行内css, 内部css, 外部css
1.2.1行内css:
<p style="color: blue;font-family: '黑体';">
今天学习css了，网页可以修饰了。
</p>
适合局部修饰网页中少量html标签
1.2.2内部CSS
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p{
font-weight: bolder;
color:darkslategray;
font-family: "微软雅黑";
}
</style>
</head>
<body>
<p>
今天学习css了，网页可以修饰了。
</p>
<p>
今天学习JS了，可以控制网页标签了。
</p>
<p>
今天学习HTML了，可以搭建网页基础结构了。
</p>
</body>
</html>
注意：内部CSS只能修饰当前的页面
1.2.3外部CSS
（1）新建一个css文件
p{
font-weight: bolder;
color:blue;
font-family: "微软雅黑";
}
（2）在html文件中通过link引入css文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<p>
今天学习css了，网页可以修饰了。
</p>
<p>
今天学习JS了，可以控制网页标签了。
</p>
<p>
今天学习HTML了，可以搭建网页基础结构了。
</p>
</body>
</html>