希望大家能够持续关注、点赞以及评论我的博客,以及我的博客网站,一起交流更多的IT技术!!!不负韶华,砥砺前行!酒涩博客-专属你的IT交流博客!
CSS三种引入方式
按照CSS样式书写的位置(或者引入的方式),CSS样式分为三大类。
内部样式表(嵌入式引入)
<style>
div {
color: red;
font-size: 15px;
}
</style>
行内样式表(行内式引入)
行内样式表(内联样式表)是在元素标签内部设置元素的样式。
<p style=“ color:red; font-size:20px”>酒涩博客</p>
-
可以设置当前标签的样式
-
style为标签的属性
-
在双引号中间写,写法符合CSS规范
-
不常用,没有结构与样式分离。用于修改样式比较少的情况
外部样式表(链接式引入)
在实际的开发种都用于外部样式表。适合样式较多的情况。样式单独的写到CSS文件中,之后把CSS文件引入到HTML中使用。
步骤:
-
首先创建一个.css的文件,把所有的样式代码放入此文件中。
-
在HTML中标签中title下面使用标签引入这个文件
<link rel="stylesheet" href="CSS文件路径">
属性 | 作用 |
---|---|
rel | 定义当前文档与被链接文档之间的关系,在这里使用”stylesheet”,表示被链接的文档是一个样式表文件。 |
href | 定义所链接外部样式表的文件地址。 |