本文摘自PHP中文网，作者青灯夜游，侵删。
CSS样式有三种类型：1、行内样式（内嵌样式），使用style属性直接把CSS代码添加到HTML的标记中；2、内部样式（内联样式），把css样式写在style标签中；3、外部样式（外联样式），将css样式写在一个单独的“.css”文件内。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
CSS样式主要包含以下三种类型：
1、行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
例：
1 |
|
优点:
没有了样式表文件，在某些时候可以提升效率;
使用 style 属性的样式效果会最强，会覆盖掉其他引入方式的相同样式效果。
缺点:
多个元素难以共享样式，不利于代码复用;
HTML 和 CSS 代码混杂，不利于程序员和搜索引擎阅读。
2、内部样式（内联样式）：写在HTML页面内部，存放于head标记当中，样式写在style标记内。
例：
1 |
|
优点：跟行间样式表相同不会产生额外的请求，且它初步实现了结构与样式的分离，比较适合单页面网站应用。
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
