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>