css的引入方式,三种CSS引入方式合计
作者:互联网
CSS三种引入方式
- 希望大家能够持续关注、点赞以及评论我的网站,以及我的证明网站,一起交流更多的IT技术!!!医院证明大全(1234篇病历诊断证明图片模板)-我要证明网(http://www.chiniurou.com)
- 内部样式表(嵌入式引入)
- 行内样式表(行内式引入)
- 外部样式表(链接式引入)
- 步骤:
按照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 | 定义所链接外部样式表的文件地址。 |
标签:行内,样式,标签,CSS,引入,css,样式表 来源: https://www.cnblogs.com/bkycnd/p/16640421.html