前言：
目前你们对“css引入图片使用绝对路径”大体比较关切，我们都想要剖析一些“css引入图片使用绝对路径”的相关文章。那么小编在网上网罗了一些关于“css引入图片使用绝对路径””的相关知识，希望小伙伴们能喜欢，大家一起来了解一下吧！今天要学习的是CSS，CSS是什么？
CSS指的是层叠样式表，它和HTML是一对好朋友，可以对HTML网页进行修饰。
为什么要学CSS？
要想让浏览器显示以下内容：
以我们所学的知识，就需要一个一个的去添加 font 样式：
键盘的TAB可以缩进，代码看起来更美观
非常麻烦，一个网页可能有几百个样式要设置，难道一个一个的去添加吗？即使你很有耐心，这么多的样式全写在一个页面（CSS会新建一个专门存放样式的页面），别说别人了，自己看了都觉得乱。
为了省时省力、简洁易改、维护方便、增强网页……
所以，引入CSS样式表，就是为了解决这些问题。
第一步
在盘符下面建立一个文件夹，在文件夹里面建立两个文档：
例如，我在C盘下面建立了文件夹 new_20200831，在这个文件夹里面在建立两个文本文档，并修改扩展名：new.html 和 newcss.css
之所以放在同一个文件夹里面，是为了更好管理和方便链接，下面的 [1] 会解释为什么方便链接。
打开new.html ，输入基础html代码：
在<head></head>中写入下方代码：
<link href="css 文件的路径" type="text/css" rel="stylesheet" />
<link/> 标签定义文档与外部资源的关系，也就是你想链接CSS样式表，就要用到<link/>标签。
<link/>标签需要放在<head>头部标记中，并且指定3个必需属性：
href：规定被链接文档的位置。 [1]
type：规定被链接文档的类型。这里指定为 “text/css” 表示链接的外部文件为CSS样式表。
rel：规定当前文档与被链接文档之间的关系。这里指定为 “stylesheet” 表示链接的文档是一个样式表文件
——————————————————————————————
[1] 我来解释一下为什么放在同一个文件夹会方便链接：
引用的路径分为两种：
绝对路径：完整描述文件路径
相对路径：相对于当前文件的路径，不带有盘符。(推荐）
相对路径分为以下3种：
· 文件和html文件位于同一文件夹；只需输入文件名即可，如<link href="new.css" />
· 文件位于html文件的下一级文件夹；输入文件夹和文件名，之间用 / 隔开，如 <link href="new_20200831/new.css" />
· 文件位于html文件的上一级文件夹；在文件名之前输入 ../ ，如果是上两级，则需要用 ../../ 以此类推，如 <link href="../new.css" />
例如，上面我输入href="new.css" 就是相对路径的第1种情况，我放在同一个文件夹，所以只要输入文件名 new.css 即可，而不是输入绝对路径 C/new_20200831/new.css ,明显后者麻烦多了。
未完待续~
标签： #css引入图片使用绝对路径
