CSS引入方式-样式表
2020-06-17 本文已影响0人
社会主义顶梁鹿
一、CSS三种样式表
1、行内样式表（行内式）
2、内部样式表（嵌入式）
3、外部样式表（链接式）
二、内部样式表
是写到html页面内部，将所有的CSS代码抽取出来，单独放到一个<style>标签中
<style>标签理论上可以放到html文档的任何地方，但一般会放到<head>标签中。通过此种方式，可以方便控制当前整个页面的元素样式设置。
三、行内样式表
行内样式表是在元素标签内部的style属性中设定CSS样式。适合于修改简单样式。
<p style="color: red;">红色的徽章</p>
四、外部样式表
适用于样式比较多的情况，样式单独写在CSS文件中，之后把CSS文件引入到HTML页面中使用。
1、新建一个后缀名为.css的样式文件，把所有的CSS代码放入此文件中。
2、.css的样式文件只有样式，没有标签，不需要写<style>标签
3、在HTML文件，使用<link>标签引入CSS文件
<link rel="stylesheet" href="css文件路径">
rel 定义当前文件与被链接文件之间的关系，在这里需指定为“stylesheet“，表示被链接的文档是一个样式表文件
href 定义所链接外部样式表文件的url，可以是相对路径，也可以是绝对路径
