HTML&CSS——一个空格导致HTML引用CSS外部样式失效

最新推荐文章于 2022-01-21 13:12:37 发布
最新推荐文章于 2022-01-21 13:12:37 发布
阅读量284 收藏
点赞数
分类专栏： B/S 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012293114/article/details/109225594
版权

记录一下这个奇怪的问题。

下面这两句话看起来似乎完全一样，但是第一条语句却引用失效。经过逐个符号的排查，最终确定问题出现在 link 和 rel 之间的空格上。

无论是用中文输入法还是英文输入法，替换这个空格后，问题都得到解决。

所以，这个空格到底是什么情况0.0

<head>
    <!-- 引用失效的语句 -->
    <link rel="stylesheet" type="text/css" href="./CSSStyle.css">
    <!-- 引用正常的语句 -->
    <link rel="stylesheet" type="text/css" href="./CSSStyle.css">
</head>
汪蛋
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
书写css伪类时冒号后多个空格导致该规则失效
12-10
css格式化 https://www.jb51.net/tools/cssyasuo.shtml 格式化后会多出个空格，多出空格后样式规则失效了。 复制代码代码如下: <!DOCTYPE html> <html> <head> <title>书写css伪类时冒号后多...
关于html中空格导致的排版问题
weixin_30511039的博客
07-24 309
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>#{Security}</title> <meta http-equiv="Content-Type" content="...
doctype html css,DOCTYPE 影响 CSS 处理
weixin_36234452的博客
06-15 157
display:inline;}注意：在没有指定 float 的时候使用 display:inline; 在FF中是无效的。IE和FIREFOX在解析CSS方面的区别1. 对高度的解析IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度Firefox：没有定义高度时，如果内容中包括了图片内容，Firefox的高度解析是根据印刷标准，这样就会造成和实...
文档声明<!DOCTYPE html>对css的影响
tjmljw的专栏
03-05 326
用php做了一个网页，和Java的代码基本完全一致，可显示效果却差别很大。 具体表现是： Java版的页面中的body和div使用了css，在css中设置了height:100%，但页面高度并没有充满全屏。 php版的页面是从Java版本拷贝做成的，但是php版本的页面高度却是充满全屏的。   找到了问题的原因，没错，就是文档声明部分不同而已。 Java版本的是 &lt;!DOC...
html 空格不起作用,css不起作用是什么原因？
weixin_35810012的博客
06-07 1087
在写页面时，有时会发现自己写的css样式不起作用，这是怎么回事？css样式不起作用的原因是什么？下面本篇文章就来给大家介绍一些css样式不起作用的常见原因，希望对大家有所帮助。一、html标签没写完整，漏了“”或者“/”等这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。二、样式表保存的编码错误如果怀疑CSS表的编码错误，可以直接将css文件以ut...
可能引发CSS文件无效的10种情况
②④小时丶记录
11-09 2079
前端开发人员或许都遇到过CSS文件无效的情况，这时我们的页面就只剩下HTML框架，CSS表现已经完全失去，也就是所谓的“页面裸奔”。裸奔的页面一定不是我们想要的，但是CSS文件为什么会失效，也是我们值得去思考的问题。当你弄清楚了这些个问题，就要学会在以后的工作中去避开它，搞定它。 当然，引起CSS文件失效的条件有很多，今天我们就把它们一一列举出来： 1、标签未闭合 未闭合的标签可能是弄死一个
JS&CSS;压缩(支持项目)
08-20
源地图是一个映射文件，它将压缩后的代码位置映射回源代码的位置，使得浏览器开发者工具能够正确显示未压缩的源代码，方便调试。 5. **最佳实践**： - **分模块管理**：使用模块化工具（如ES6模块或CommonJS）组织...
itext 将html转pdf中文显示换行以及字体问题
06-08
1、itext将静态html转pdf中文显示及换行问题 2、itext将静态html转pdf 字体问题 3、html转pdf 参考我的另外一篇博文https://blog.csdn.net/qq_38616723/article/details/125188407?spm=1001.2014.3001.5502
css基础知识之选择器使用示例
09-25
4. 通用选择器（如*）、子选择器（>）、相邻兄弟选择器（+）和一般兄弟选择器（~）等不增加特殊性，但后代选择器（空格分隔）的每一个元素会增加一个元素选择器的特殊性。 当我们有多个样式规则作用于同一元素时，...
html 文本换行 \n 不换行 空格无效
wobuaichimianbao的专栏
01-21 8093
文本中直接用 \n ，无法换行，因为 html 不识别 \n，如果只是单纯的用 replace 把 \n 换成 <br/>，只能变成普通的字符串，也还是无法换行。 解决方法有这么几种： 1. 用 innerHTML = " ... " 或者 v-html 来把 <br/> 识别为 html node 2. 在标签上套一个 <pre></pre> 3. 设置 css // 合并空白符序列，但是保留换行符。 white-space: pre-lin
html 空格不起作用,html – 内联块空格修复不起作用
weixin_42502537的博客
06-07 439
Inline-block: whitespace surrounding inline-block elements becomesrelevant, it behaves just like text.我建议三种解决方案来克服这个问题(可能还有更多)：1)使用float的解决方案：left而不是display：inline-block.content-wrap {word-spacing: -4...
html 解决空格显示问题
热门推荐
瞬间空白的博客
10-11 2万+
解决浏览器的空白合并问题
写CSS选择器时标签的class属性值中有空格的问题
陈广智的专栏
08-18 4925
1 问题描述 HTML代码片段为： <div class="alert alert-warning"> 请至“随书下载”下载本书的示例程序。 </div> <div class="book-intro readmore"> 本书通过正在学习机器学习的程序员绫乃和她朋友美绪的对话，结合回归和分类的具体问题，逐步讲解了机器学习中实用的数学基础知识。其中，重点讲解了容易成为学习绊脚石的数学公式和符号。同时，还通过实际的Python 编程讲解了数学公式的应用，进而加深读
uniapp 换行不生效，空格不生效 css3 white-space属性
weixin_45631278的博客
09-16 5041
场景： 添加某个元素的时候使用换行符/空格，到需要查看的地方发现无法显示换行符，如果全部显示空格也不显示空格 这个时候就需要给显示的盒子设置white-space: pre-wrap属性 white-space有几个属性 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行
html 模板 除了iframe,html中除了iframe，还有什么办法可以使内容不受外部样式影响么...
weixin_28884811的博客
06-18 798
满意答案闹闹儿862017.06.27采纳率：41%等级：12已帮助：12138人目前只能通过覆盖的方式清空样式这个问题应该在写css的时候考虑到后面的问题一般只有通用的样式，和结构固定的模块适合使用继承来应用css否则的话，不应该让样式随便继承，对于结构或表现差异很小的两个模块，也不适合用继承来实现好点的方式是：把同样的，不易变化的样式部分抽离出来，然后用组合的方式应用到不同模块。比如两...
html中继承加载不出css,javascript - 动态加载 html 中 td标签 的css样式 不起作用
weixin_34632164的博客
06-07 214
巴扎黑2017-04-10 17:43:475楼问题已解决。。。js动态加载时分了多种情况，而我只改了其中一种情况，应该把所有情况都改掉，如下：'{@if it.detailTypeString == "OnlineCourse"}','','${it.objectName}','','{@/if}','{@if it.detailTypeString == "OfflineCourse"}','...
css参数之间要有空格隔开否则ie6下不起作用——亲测
luguo0816的专栏
02-15 693
css参数之间要有空格隔开否则ie6下不起作用——亲测 如在ecmall2.2.1的themes\mall\default\styles\default\css\ecmall.css 有以下代码 #float_list{ width:85px; padding-top:26px; background:url(home/images/float_layer.gif)
《Head First HTML与CSS&XHTML》——英文版web开发入门经典
"Head.First.HTML.with.CSS.and.XHTML.pdf 是一本深入浅出的Web开发教材，适合初学者和有...无论是为了个人兴趣还是职业发展，这本书都是一个不可或缺的资源，同时它也提供了英语学习的机会，对提升双语技能也有帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪蛋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值