CSS引入方式

（一）CSS的三种引用方式

按照CSS样式书写位置（引入方式），CSS分为：

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

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

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

（二）内部样式表

内部样式表（内嵌样式表）是写到html页面内部。将CSS代码抽取出来，单独放置到<style>中

<style>
    div {
        color: blue;
        font-size: 1111px
    }
</style>

1. <style>标签可以放置在html页面中各个部位

2.该方式适用于控制整个页面的该元素样式设置

3.代码结构清晰，但是本质上没有分开结构和样式

4.内部样式表（嵌入式引入），该方法用于练习

（三）行内样式表

行内样式表（内联样式表）在元素标签内部style属性中设定CSS样式。仅适用于简单修改

<div style="color: blue;font: font-style font-weight font-size/line-height font-famliy">

1.style为标签属性

2.仅可以控制当前标签设置样式

3.没有体现结构样式的分离，且内容繁琐添加单一样式时使用

（四）外部样式表

实际开发使用外部样式表：单独写到CSS文件中，然后把CSS文件引入HTML

引入外部样式表如下：

1.建立一个后缀为.css的文件

2.在HTML中使用<link>标签引入

<link rel="stylesheet" herf="CSS文件路径">

使用外部样式表设定CSS，外链式（链接式引入）为开发中使用

（五）小结