一.行内样式表（行内式）
在元素的标签内部的style属性中，设定CSS样式，适用于简单的样式修改。
注意点：
style其实就是标签的属性
在双引号中书写样式，格式要符合css规范
书写比较繁琐，不推荐使用
二.内部样式表（嵌入式）
内部样式表就是在<head></head>标签中的<style></style>标签中书写样式
注意点：
可以更加方便的控制多个元素的样式
代码结构比较清晰，实现了结构和样式的部分分离（不完全分离）
练习时，经常采用这种方式
三.外部样式表（链接式）（开发中最常用，实现了结构和样式的完全分离）
可以使用链接的方式引入外部样式文件
使用步骤
1、创建css文件
2、使用link标签引入css文件即可（link标签一般写在head标签中）
rel 定义当前文档与被链接的文档之间的关系，stylesheet表示被链接文档是一个样式表文件
href 定义链接的文件的路径（URL），可以使用绝对路径也可以使用相对路径
一.什么是元素的显示模式
html里面的元素（标签）是以什么方式进行显示的，比如<div>自己占一行，比如一行可以放多个<span>
二.元素显示模式的分类
（1） 块元素
常见的块元素
<h1>~<h6>、<p>、<div>、<ul>、<ol>、<dl>等等
特点：
1、自己独占一行
2、高度宽度可以自由设置
3、宽度默认是父级宽度的100%
4、块级元素内可以放行内元素、行内块元素或者块元素
5、文字类的元素中不要使用块元素（如果使用会造成语义混乱）
（2）行内元素
常见的行内元素
<span>、<strong>、<em>、<ins>等等
特点
1、相邻的行内元素在一行上显示，一行可以显示多个
2、宽和高设置无效
3、默认的宽度是它本身内容的宽度
4、行内元素只能容纳文本或者其他行内元素
注意点：
链接里面不要再套链接。
特殊情况下如果<a>标签中需要放块级元素，可以将<a>标签转化为块级元素更安全
（3）行内块元素
常见的行内块元素
<img>、<input>、<td>等等，同时具有块元素和行内元素的特点。
特点：
1、相邻的行内块元素在一行上显示，但是它们之间会有空白间隙。（行内元素特点）
2、宽高可以设置（块级元素特点）
3、默认宽度是它本身内容的宽度（行内元素的特点）
|
