css三种样式表：
1、内嵌样式表：
<head>
<style type="text/css">
样式表写法
</style>
</head>
2、外链样式表：
<link rel="stylesheet" href="1.css">
3、行内样式表：
<h1 style="font-size:30px;color:pink">红豆</h1>
三种写法的特点：
◆内嵌样式表写法，样式只作用于当前文件，没有真正实现结构（html）表现（css）分离
◆外链样式表写法，作用范围是当前站点，范围广，真正实现结构表现分离
◆行内样式表写法，作用范围仅限于当前标签，结构和表现完全混在一起，不推荐使用
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <!-- 内嵌式样式表 --> 7 <style type="text/css"> 8 .box{ 9 font: italic 700 40px microsoft yahei; 10 } 11 </style> 12 <!-- 外链样式表 --> 13 <link rel="stylesheet" href="1.css"> 14 </head> 15 <body> 16 <div class="box"> 17 <p>薏米</p> 18 </div> 19 <!-- 行内样式表 --> 20 <h1 style="font-size:30px;color:pink">红豆</h1> 21 </body> 22 </html>