ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-08-30 18:32:16  阅读:139  来源: 互联网

标签:行内 样式 标签 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中使用。

步骤:

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

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

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

  

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

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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有