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>css三种样式表写法
原文地址：https://www.cnblogs.com/twinkle-/p/9074635.html