美文网首页【HTML+CSS】
【CSS外部引入的路径】

【CSS外部引入的路径】

作者: 魔_术师 | 来源:发表于2017-05-21 00:23 被阅读5次
CSS外部引入的路径

CSS外部引入的路径

相对路径

以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。

绝对路径

以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

路径的特殊符号

../表示当前文件所在层级的上一层级

./表示当前文件所在的层级

/表示根目录

路径寻找实例

在css文件夹里有一个css文件index.css,需要在index.css文件当中引用images文件夹里list_logo.png图片,将此图片设置为背景图background-image。则代码应当如此书写:

background-image: url('../images/list_logo.png);

IE的behavior

这个部分算是额外扩展吧,IE使用behavior:url(xx/xxx.htc);来做HTML组件,其中url中指定的htc文件路径是相对于引用css的HTML文件所在目录。

外部引入的路径 当前文件所在层级的上一层级 当前文件所在的层级 根目录

相关文章

  • 【CSS外部引入的路径】

    CSS外部引入的路径 相对路径 以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网...

  • 符合W3C规范的HTML文件

    页面标题为「我的页面」页面中引入了一个外部 CSS 文件,文件路径为 /style.css页面中引入了另一个外部 ...

  • 小测验:请写出一个符合 W3C 规范的 HTML 文件

    题干要求: 页面标题为「我的页面」页面中引入了一个外部 CSS 文件,文件路径为 /style.css页面中引入了...

  • 2018-04-07笔记

    1.css的外部引用写法 2.在css的文件中引入css文件,需要用@import url("路径") 3.sty...

  • css基础(1)-----css的引入

    引入css的方法 推荐优先级由高到低 1.外部样式两种方式 注意引入css文件的路径正确,否则会导致引入无效 1....

  • 一个webAPP项目的完整记录(vue)

    项目初始化 some Tips 引入外部CSS: @import "../css/base.css";引入外部J...

  • CSS基础与选择器

    CSS加载方式有几种? 外部样式表(推荐) 通过 引入外部css 通过@import引入样式,放入CSS中(后面一...

  • day07

    一.css样式几种引入方法 ①内部样式表 ②内联样式 ③外部样式 二.绝对路径与相对路径 三.宽,高继承...

  • vue.js引入外部CSS样式和外部JS文件的方法

    学习Vue.js动画时,需要引入一个animate.css,如何全局引入外部文件呢? 一.引入外部CSS样式文件 ...

  • CSS 基础总结

    引入CSS 内联样式 style标签 外部样式 a.css index.html CSS之间引入(不常用) a.c...

网友评论

    本文标题:【CSS外部引入的路径】

    本文链接:https://www.haomeiwen.com/subject/gohmxxtx.html