我们有多种方式，在 html 中使用 css，我们使用 css 的目的，是为了控制 html 内容的如何展示；我们之前提到过，原则上，我们鼓励网页内容和样式分离，那么我们今天就学习一下，到底都有哪些方式：
在html中使用css的3种方式
行内样式
行内样式，把 css 样式，直接写到元素内部；下面的例子，我们给p元素，添加了一个style属性，然后使用style属性，为p元素设置了一些样式，我们设置了字体大小为16px，还设置了字体颜色为红色#c03；像这样的，直接把css样式写入到元素内部，我们叫这样的方式为，行内样式；
这是一行文字
页内样式
这个方式稍微的复杂一点，它需要先做个标记，然后用标记名称来建立关联，以让css样式能够对页面中的元素起作用；比如下面的例子，我们给p元素添加了class属性，值是abc，这在未来会学习到，这叫类名，也是选择器的一种，因为我们要使用abc这个名字，来选择p元素；
同时，我们在head元素内添加一个style元素，并用给p元素做的标记abc为基础添加一个选择器，然后在选择器的后面，添加具体的样式（声明），效果和行内样式是一样的，只是，工作方式不同；
<title>Html5+css3 零基础入门/<title><style>
.abc {font-size:16px;color:#c03;}
这是一行文字
外联式
顾名思义，css样式内容已经不在代码中了，而是独立的放在了外面，并存储为比如 xyz.css 的文件，然后通过link元素来建立关联；
<title>Html5+css3 零基础入门/<title><link>
这是一行文字
html页面内通过link元素，来和外部的 xyz.css 文件建立关联，xyz.css 文件内容如下：
注意：此处不应包含style标签，只包含选择器和声明。
.abc {font-size:16px;color:#c03;}
点击《了解更多》链接，可以查看对应视频。
閱讀更多 成功加油站 的文章
