其他分享
首页 > 其他分享> > css的引入方式,三种CSS引入方式合计

css的引入方式,三种CSS引入方式合计

作者:互联网

CSS三种引入方式


按照CSS样式书写的位置(或者引入的方式),CSS样式分为三大类。

 

内部样式表(嵌入式引入)

<style>
	div {
		color: red;
		font-size: 15px;
	}
</style>

  

行内样式表(行内式引入)

行内样式表(内联样式表)是在元素标签内部设置元素的样式。

<p style=“ color:red; font-size:20px”>我要证明网</p>

  

外部样式表(链接式引入)

在实际的开发种都用于外部样式表。适合样式较多的情况。样式单独的写到CSS文件中,之后把CSS文件引入到HTML中使用。

步骤:

  1. 首先创建一个.css的文件,把所有的样式代码放入此文件中。

  2. 在HTML中标签中title下面使用标签引入这个文件

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

  

属性作用
rel 定义当前文档与被链接文档之间的关系,在这里使用”stylesheet”,表示被链接的文档是一个样式表文件。
href 定义所链接外部样式表的文件地址。

标签:行内,样式,标签,CSS,引入,css,样式表
来源: https://www.cnblogs.com/bkycnd/p/16640421.html