可以将css样式编写到style属性中，这种称为内联样式，它只对当前元素的内容器起作用，不方便复用，结构和表现耦合，不方便后期维护
<p style="color:red;font-size:40px;">
也可以将css样式编写到head标签的style标签里面，通过指定 元素，然后为所有选中的元素设置严实，进一步复用，结构和表现相对解耦
<style type="text/css">
p{
color:red;
font-size:40px;
}
</style>
将样式表写到外部的css文件中，然后通过link标签来引入外部的css文件，这样使得结构和标签完全分离，这样可以利用浏览器的缓存,加快用户访问速度。提高用户体验
<link rel="stylesheet" type="text/css" href="style.css" />
原文：https://www.cnblogs.com/lzb0803/p/9010655.html