1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="index.css"><!--用link标签引入的是外部样式表--> 7 8 9 <!--写在head标签内包含在style标签内的是内部样式表--> 10 <style type="text/css"> 11 article{ 100px;height: 100px;} 12 </style> 13 </head> 14 <body> 15 16 <!-- 17 css样式表按其位置可以划分为 18 1，内联样式表 19 2，内部样式表 20 3，外部样式表 21 --> 22 23 <!--直接在元素内部用style属性表示的是内联样式表--> 24 <article style="font-size: 10px;color: #000;"> 25 这是一篇文章 26 </article> 27 </body> 28 </html>