内联样式是将CSS代码直接写在HTML元素的style属性中，例如：
<div>这是一个div元素</div>
在这个例子中，大家使用内联样式给div元素添加了红色文本，20像素的字体大小以及黄色的背景色。虽然内联样式方便快捷，但不能重用和维护代码。当大家需要修改样式时，需要修改每个HTML元素的style属性。
与内联样式相对的是外部样式表。外部样式表是将CSS代码保存在独立的CSS文件中，例如：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在这个例子中，大家在HTML文档的head标签中引入外部样式表style.css。大家可以在style.css中定义一个CSS规则，例如：
div {
color:red;
font-size:20px;
background-color:yellow;
}当HTML文档中需要使用这个规则时，只需要给元素添加class或id属性即可：
<div class="my-class">这是一个div元素</div> <div id="my-id">这是一个div元素</div>
在这个例子中，大家使用外部样式表中的div规则给HTML文档中的两个div元素添加相同的样式。当大家需要修改这个规则时，只需要修改style.css文件即可，所有使用这个规则的HTML元素都会生效。