本文摘自PHP中文网，作者青灯夜游，侵删。
CSS层样式表有3种类型：1、行内样式表，利用style属性将样式写在HTML标签中；2、内部样式表，将样式代码写在“<style>”标签对中；3、外部样式表，将样式代码写在单独的“.css”文件中，使用“<link>”标签引用
本教程操作环境：windows7系统、CSS3版、Dell G3电脑。
CSS即层叠样式表（Cascading Style Sheets），是一种用来表现HTML或XML等文件样式的计算机语言。 CSS样式主要包含以下三种类型：
1、行内样式表（内联式样式）
利用style属性将样式写在HTML标签中。
1 |
|
如下面代码：
1 |
|
2、内部样式表：
将样式代码写在页面<style>...</style>标签之中
例：
1 2 3 4 5 6 7 8 |
|
<style>...</style>标签结构可以位于页面<HTML>标签中的任何位置，也可以多次出现。通常是将整个<style>...</style>结构写在页面的<head>...</head>部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有统一性和规划性，一个页面内部便于复用和维护，但多个页面之间的CSS代码复用仍然不够。
【推荐教程：CSS视频教程 】
3、外部样式表（.css文件）：
css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：
1 |
|
rel="stylesheet"指link与href之间的关联样式为样式表文件
type="text/css"指文件类型为样式表文本
注意：
1、css样式文件名称以有意义的英文字母命名，如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。
更多编程相关知识，请访问：编程视频！！
以上就是CSS层样式表有哪几种类型的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《CSS层样式表》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
