同样的CSS，放在HTML内和外部文件中，以及放在不同的目录时，效果就不一样了...

最新推荐文章于 2021-06-03 23:54:24 发布
最新推荐文章于 2021-06-03 23:54:24 发布
阅读量697 收藏
点赞数

遇到这种问题有点莫名奇妙，但其实原因是，css中有些url使用了相对定位的缘故，改变了css的路径，那么有些url就显示不了，所以才造成了差异。

建议是，把所有的url都写成绝对路径（网址+子目录，例如http://localhost/images/zollty.png），这样改变了css或者页面文件的目录后，url仍然无需修改。

iteye_6481
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS中常用的 reset.css文件
05-05
为了确保不同浏览器间的一致性以及消除默认样式带来的差异，开发者通常会使用`reset.css`或类似的重置样式表。`reset.css`文件的主要目的是消除浏览器内置样式的影响，使网页元素具有统一的初始样式，从而为自定义...
同样的CSS，放在HTML内和外部文件中，以及放在不同的目录时，效果就不一样了
zollty的专栏
05-12 6608
遇到这种问题有点莫名奇妙，但其实原因是，css中有些url使用了相对定位的缘故，改变了css的路径，那么有些url就显示不了，所以才造成了差异。   例如：../images/zollty.png，这种写法，一旦我改变了页面文件的目录，这张图片就无法显示了。   建议是，把所有的url都写成绝对路径（网址+子目录，例如http://localhost/images/zollty.png），
html网页文件和CSS样式文件不在同一文件夹下的调用
葉無聞
05-24 1万+
html网页文件和CSS样式文件不在同一文件夹下的调用首先，介绍一下相对路径的的层次关系：相对路径的层级关系是这样的，同级目录用/或者什么也不写，上级目录用../，下级目录就用目录名/。举个例子吧，假如你的outer.html在你的web文件夹下。every.css和outer1.html在你的web文件夹下的css文件夹中，你的outer2.html在你的web文件夹下的files文件夹下，那么...
css之内部样式和外部样式
shuhao_Zhang的博客
09-26 2998
1.内部样式    在head标签内部引入一style标签，在style标签内部写的css属于内部样式或者内联式 2.行内样式 <div style="font-size:30px";>我很喜欢学习css，他让网页变得更美好 </div> 行内样式用的比较少，一般样式很少情况下采用行内样式 3.外部样式 <link rel="stylesheet" her...
vue.js引入外部CSS样式和外部JS文件的方法
10-17
主要介绍了vue.js引入外部CSS样式和外部JS文件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jsp文件中引用外部.css或.js文件的路径问题.pdf
11-16
jsp 文件中引用外部.css 或.js 文件的路径问题 在 Web 开发中，引用外部的.css 或.js 文件是非常常见的操作。然而，在 jsp 文件中引用外部.css 或.js 文件的路径问题却是很多开发者容易忽视的细节。本文将详细讲解...
该文件夹内的资源放在U盘根目录中（网页文件）.zip
12-07
标题和描述中提到的"该文件夹内的资源放在U盘根目录中（网页文件）.zip"表明这是一个压缩包，其中包含的资源是网页文件，它们被组织在某个文件夹内，并且这些网页文件的目的是方便用户将其存储在U盘的根目录下，以便...
css文件放在根目录之后不起作用原因
weixin_34380948的博客
08-17 212
修改为  
项目中，jsp,css,images,js该放在哪个文件里面？
u013456370的专栏
01-30 5399
在项目开发中，把jsp页面应该放在WEB-INF下，通过浏览器直接访问该jsp时，是访问不到的。而css，js，images等文件不可以放在WEB-INF下，这样会找不到。
html 样式表的路径问题,cssurl链接 css中url的路径问题？
weixin_39974400的博客
06-03 273
CSS里的background url怎么设置呢？我css是一个文件夹，image是一个文件夹，它们是同级的，我url()里要怎需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background-image: url(img/image.jpg)}。浏览器运行...
JS和CSS的引入/写入位置应该放在哪里？
热门推荐
Willian的博客屋
10-13 2万+
在HTML5中： 引入CSS和JS文件时 到底应该在head标签中还是body中？ 1，引入CSS在head中,2,JS 的放置位置 a.有的js是立即执行，有的js是调用执行。 （ 立即执行在网页上打开时就可以看到效果，而调用执行的，一般会在其它控件触发事件的时候调用。）对于调用执行的，我们最好放在head里，直接声明或者引用外部文件（head）。 对于
avif-0.5.0-cp37-cp37m-manylinux2010_i686.whl
最新发布
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
idea的css文件夹和,将scss.map文件放在Intellij IDEA的不同文件夹中
05-26
在 IntelliJ IDEA 中，可以将 CSS 文件和 SCSS Map 文件放在不同的文件夹中。以下是一个简单的示例： 假设你有以下文件结构： ``` my-project/ ├── src/ │ ├── main/ │ │ ├── resources/ │ │ │ ├── css/ │ │ │ │ └── style.css │ │ │ └── scss/ │ │ │ └── style.scss │ │ └── webapp/ │ │ └── WEB-INF/ │ │ └── views/ │ │ └── index.jsp │ └── test/ │ └── java/ │ └── com/ │ └── example/ │ └── MyTest.java └── pom.xml ``` 你可以将 `style.css` 放在 `src/main/resources/css/` 目录中，将 `style.scss` 和 `style.scss.map` 分别放在 `src/main/resources/scss/` 目录中。 在 `style.scss` 中，你可以通过以下方式引用 SCSS Map 文件： ```scss /* style.scss */ @import 'variables'; body { background-color: $bg-color; color: $text-color; } ``` 在 `variables.scss` 中定义变量： ```scss /* variables.scss */ $bg-color: #f1f1f1; $text-color: #333; ``` 这样，当你对 `variables.scss` 文件进行更改时，IntelliJ IDEA 将自动重新编译 `style.scss` 并生成新的 `style.css` 文件。同时，你的 SCSS Map 文件也会与 `style.css` 文件一起输出到 `src/main/resources/css/` 目录中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值