外部样式表

当CSS样式用于多个网站的页面时，我们可以通过外部创建一个CSS文件，再通过link标签中的href属性引入该文件，来改变页面的外观。可维护性好，不用去修改多个页面。

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>

内部样式表

内部样式表用于单个文件的样式，也就是仅限于此页面的样式

<head>
<style>
p {
  color: red;
}
</style>
</head>

也叫行内样式，顾名思义就是直接在标签内部引入，放入HTML的元素之中，样式只影响改被选中的元素

1 <body>
2     <div style="width: 50px;height: 20px;border: 1px solid;">test</div>
3 </body>