本文摘自PHP中文网，作者coldplay.xixi，侵删。
css有三种类样式，分别是：1、行内样式，结构的内部，即写在标签内的样式；2、外联式是将所有的样式放在一个或多个以【.css】为扩展名的外部样式表文件中；3、内联样式写在HTML页面内部，存放于head标记当中。
本教程操作环境：windows7系统、css3版，DELL G3电脑。
CSS样式主要包含以下三种类型：
1、行内样式：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：
1 |
|
2、内联样式（内嵌样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：
1 |
|
3、外部样式（外联样式）：
外联式是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中，通过<link/>标记将外部样式表文件链接到HTML文档中，其基本语法格式如下:
1 |
|
上述语法中，<link> 标记需要放在<head>头部标记中，并且必须指定<link/>标记的个属性，具体介绍如下。
href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
type：定义所链接文档的类型，在这里需要指定为“text/css”，表示链接的外部文件为CS样式表。
rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
外联式是使用频率最高是最实用的CSS样式表，因为它将HTML代码与CSS代码分离为两个或多个文件，实现了将结构和样式完全分离，使得网页的前期制作和后期维护都十分方便。
相关教程推荐：CSS视频教程
以上就是css有哪几类样式的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
通过示例来了解css background强大的用法（值得收藏）
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
