📣读完这篇文章里你能收获到
- 本文详细介绍了CSS样式表的三种引入方式
- 分别给出三种引入方式的代码实例
- 这篇文章强烈建议收藏！！！免得下次找不到
---
一、行内样式
- 使用style属性引入CSS样式
<h1 style="color:red;">style属性的应用</h1>
<p style="font-size:14px;color:green;">直接在HTML标签中设置的样式</p>提示：这种写法实际应用较少
---
二、内部样式表
- 在style标签中书写CSS代码，style标签写在head标签中
<head>
<style type="text/css">
input{border:blue solid 1px;background-color: brown}
a{border:blue solid 1px;background-color: brown}
</style>
</head>---
三、外部样式表
- CSS代码保存在扩展名为.css的样式表中
- HTML文件引用扩展名为.css的样式表，有两种方式：链接式、导入式
1 链接式
<link type="text/css" rel="styleSheet" href="https://developer.aliyun.com/CSS%E6%96%87%E4%BB%B6%E8%B7%AF%E5%BE%84" />2 导入式
<style type="text/css">
@import url("https://developer.aliyun.com/css%E6%96%87%E4%BB%B6%E8%B7%AF%E5%BE%84");
</style>