CSS学习（三）：CSS引入方式

原文链接（csdn上可能更新较慢）：CSS学习（三）：CSS引入方式

1.内部样式表（嵌入式）

内部样式表 是写到html页面内部。是将所有的CSS代码抽取出来，单独放到一个style标签中。

<style>
    div {
        color:red;
        font-size:20px;
        text-indent:2em;
    }
</style>

个人练习经常用，开发不常用。

2.行内样式表（行内式）

行内样式表 是写到元素标签内部的style属性中设定的CSS样式，适合于修改简单样式。

<p style="color:red"> 我是红色</p>
<p style="color:pink">我是粉红色</p>

由于书写繁琐，并没有体现出结构样式分离的思想，所以不推荐大量使用。只有对当前元素添加简单样式的时候，可以考虑使用。

3.外部样式表（链接式）

实际开发都是外部样式表 ，适合于样式比较多的情况。核心是单独写到CSS文件中，之后把CSS文件引入到HTML页面中使用。

<link rel="stylesheet" href="css文件路径" />

属性	作用
rel	定义当前文档与被链接文档之间的关系，这里需要指定为”stylesheet“，表示被链接的文档是一个样式表文件。
href	定义所连接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。