“body {background-color}”适用于 HTML,但不适用于 CSS

2024-01-08

能够在内联中设置 HTML 正文的背景颜色属性<style>命令 但当相同的命令移动到外部样式表时则不会。一个具体的例子 下面给出。

在 test1.html 中,background-color 在 HTML 中设置为“blue:”。文件 test2.html 与 test1.html 相同,除了<style>命令被注释掉。文件 style.css 包含背景颜色的规范以及<H1>元素(测试浏览器确实是 阅读样式表)。

第一个测试在蓝色背景下生成橙色文本。第二次测试产生橙色 文本,但背景为白色。我已经在 Firefox 21、Chrome 19 和 IE 9;都给出相同的结果。

这是怎么回事?任何帮助,将不胜感激。

以下是三个示例文件:

测试1.html:

<HTML>
<head> <link type="text/css" rel="stylesheet"  href="style.css">
<style type="text/css">
  body {background-color: blue}
</style> 
</head>
<body> <h1>This is a test.</h1> </body> </html>

测试2.html:

<HTML>
<head> <link type="text/css" rel="stylesheet"  href="style.css">
<!-- <style type="text/css">
       body {background-color: blue} 
     </style> -->
</head>
<body> <h1>This is a test.</h1> </body> </html>

样式.css:

<style type="text/css">
   body {background-color: green;}
   h1 {color: orange; }
</style>

谢谢你!


不要使用<style type="text/css"></style>在 style.css 中

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

“body {background-color}”适用于 HTML,但不适用于 CSS 的相关文章

  • 当最初在范围内设置值时,日期选择器弹出格式不起作用

    我正在使用 Angular UI 引导日期选择器弹出窗口 并在 Plunker 上使用此自定义指令 http plnkr co edit 053VJYm1MpZUiKwFTfrT p preview http plnkr co edit 0
  • 如何使用 PHP 动态插入 CSS 类?

    下面的代码有什么问题 我想在相应的情况下动态插入 当前 CSS 类 li 单击元素 谢谢 section section li
  • 使用 jQuery 更改 CSS 类属性

    有没有办法使用 jQuery 更改 CSS 类的属性 而不是元素属性 这是一个实际的例子 我有一个 div 类red red background red 我想转班级red背景属性 而不是具有类的元素red分配的背景 如果我用 jQuery
  • 无限水平滚动图像循环?

    所以我试图在我的网站上创建一个无限滚动动画 但我一直在努力 原始教程在这里 使用 6 张图像 最后重复 4 张图像以实现无缝过渡 https designshack net articles css infinitephotobanner
  • 如何计算单击的甜甜圈元素的中点与负 y 轴之间的角度

    Consider the following codesample donut chart using jquery flot http jsfiddle net c5zsg6y3 26 now as i have added the im
  • 垂直对齐多行文本(菜单元素)?

    我正在尝试垂直对齐 UL 内的文本 问题是某些列表项具有不止一行文本 因此无法使用行高 小提琴 http jsfiddle net jaAYT http jsfiddle net jaAYT 这是我想要达到的结果 http img402 i
  • 自定义 SVG 未加载到我的图像标签中

    目前我正在尝试将自定义 svg 组件加载到图像标签内 但由于某种原因 我无法看到地图组件内的 svg 图像 我的自定义 SVG 文件如下所示 我在 SVG 中加载另一个图像
  • CSS 边框底部的曲线

    我需要 CSS 中的这个图像 并且在这个边框内需要一个背景图像 我努力了 border radius 0 0 50 50 webkit border radius 0 0 50 50 但没有得到所需的形状 任何帮助 将不胜感激 边界半径 您
  • 文本的彩虹色

    rainbowtext background image webkit gradient linear left top right top color stop 0 f22 color stop 0 15 f2f color stop 0
  • a:悬停颜色不起作用

    一件很奇怪的事情 我想在悬停时更改链接的文本颜色和背景颜色 这是代码 css link menu a color white display block height 100 width 100 text decoration none t
  • 如何设置必须输入特定数字的字段?

    我想知道如何创建一个需要输入特定数字或文本的字段 例如 激活码 以及在输入的确认答案的情况下移动到 网页 并且在未确认的情况下移动到 另一页面 的按钮 使用必需的属性
  • 不要包裹 span 元素

    我有一份清单 span 可以在 a 内左右移动的元素 div 元素 如果某些跨度超出了 div 它们应该被隐藏 这可以很好地使用overflow hidden 但是 如果跨度超出了 div 的容纳范围 跨度就会换行 这对于我的用例来说是不期
  • 修改 Twitter 帖子上可编辑 Div 的内容

    我正在编写一个 chrome 扩展 它可以帮助用户在 Twitter 上输入内容 当在 twitter 上写推文时 twitter 会打开一个可编辑的 div 容器 当用户输入内容时 twitter 大概正在使用某些网络框架 会生成子 di
  • 如何在具有相同值的下拉菜单上触发 jQuery 更改事件

    即使用户选择相同的值 如何每次都触发 jQuery 更改事件 我需要刷新效果 例如如果用户选择Lawyer它会发出警报hello然后用户再次选择Lawyer从下拉菜单中 它应该发出警报hello 我怎样才能实现它 以下是代码 jQuery
  • 如何根据另一个下拉列表中的选择动态填充下拉列表中的选项?

    我有一个表 其中包含类别信息 例如产品 我已将它们列在下拉菜单中 现在 我需要做的是 在下一个下拉菜单中列出所选类别的子类别 我希望 javascript 是必需的 但我对 javascript 还不太熟悉 将非常感谢您的帮助 你应该使用
  • 嵌套 DIV 的类似斑马的 CSS 样式

    我嵌套了 DIV 元素 但我不知道嵌套的级别 我需要每个都有与其父级不同的背景 创建类似斑马的颜色 我只使用两种背景 深色和白色 效果需要类似于在容器中设置奇数和偶数子级的样式 但在我的例子中 子级是嵌套的 我可以使用每个嵌套元素的规则来做
  • CSS 标签“object-fit:cover”不会在 Chrome 中裁剪/剪辑视频

    CSS tag object fit cover无法按预期在 Chrome 中剪辑 裁剪视频 这种情况仅适用于视频且仅在 Chrome 中发生 图像在 Chrome 中正常 在所有其他经过测试的浏览器中 图像和视频都工作正常 The beh
  • 如何对多行文本中的每一行应用填充?

    我已将背景颜色应用于 span 标签 也有左和右padding设置在它上面 问题是 padding仅适用于左侧 开始 和右侧 结束 span 而不是当文本换行时每行的左侧 开始 和右侧 结束 我该如何应用左和右padding to the
  • 将两个数字相加将它们连接起来而不是计算总和

    我将两个数字相加 但没有得到正确的值 例如 做1 2返回 12 而不是 3 我在这段代码中做错了什么 function myFunction var y document getElementById txt1 value var z do
  • PHP 文件上传帮助

    div align center div 这是我的代码

随机推荐

  • OSX 上的 AVAudioSession 替代方案可获取音频驱动程序采样率

    在IOS上你可以使用 AVAudioSession sharedInstance sampleRate 检索音频驱动程序使用的当前采样率 AVAudioSession 在 OSX 上不存在 所以我想知道如何在 OSX 上实现同样的事情 因为
  • 弱化 GADT 类型约束以处理不可预测的数据

    我试图利用 GADT 来获得良好的约束类型 但某些依赖项在编译期间无法处理 例如用户输入 让我们考虑以下 AVL 树定义 data Zero data S a data AVL depth where Nil AVL Zero LNode
  • OS X 10.9 升级后 Android Studio 项目出现问题,cacerts 错误

    我在加载在 Mountain Lion 10 8 中启动的 Android Studio 项目时遇到问题 现在尝试在 Mavericks 10 9 中运行 但是当我打开项目时 Gradle 失败并出现以下错误 Gradle SimpleTi
  • 选择数据框中按组第一次出现的所有行(包括第一次出现)

    我一直在摸不着头脑不知道该怎么做 我正在重新组织一些不平衡的面板数据 堆叠 长格式 我需要按组 id 保留所有行 包括变量 indc D 值的第一次出现 并且还保留尚未发生这种情况的组的行 我唯一希望丢弃的行是每组中存在第二个或更多指示变量
  • Java库解析mysql异常消息

    java中是否有任何库可以解析mySQL异常并返回行 列或表信息 这样我就可以使用行或列名称来获取并显示更合适的消息 我想包含列或行信息的自定义异常消息 目前 这就是我提取信息的方式 通过使用处理一些异常情况mysql错误代码 https
  • Pandas 中滚动最大值的 Numpy 版本

    TL DR 我的问题是如何改进我的函数以超越 pandas 自己的移动最大函数 背景资料 因此 我正在使用大量移动平均线 移动最大值和移动最小值等 到目前为止 我发现的唯一类似移动窗口的功能是pandas rolling 方法 https
  • Asp.Net MVC 5 身份创建数据库管理界面

    我正在为一家小公司开发一个新的 asp net mvc 5 应用程序 并试图弄清楚如何使用新的 asp net 身份系统创建会员数据库 我认为可能有一个管理界面 我可以使用它来创建数据库并允许我添加一些用户 角色 是否有用于此任务的管理界面
  • 如何在MySQL中使用JPA自动生成区分大小写的列

    如何命令 JPA 在创建时默认将文本内容的 MySQL 数据库列设置为区分大小写 The Column http download oracle com docs cd E17410 01 javaee 6 api javax persis
  • Io 语言:异常:对象不响应“URL”

    今天我正在练习 七周七种语言 的 Io 示例 示例代码 futureResult URL with http google com fetch writeln Do something immediately while fetch goe
  • 无法使用 OpenOCD 找到脚本文件

    我正在尝试按照本教程将 OpenOCD 与我的 ST 发现板一起使用 https japaric github io discovery README html https japaric github io discovery READM
  • 使用 dll 的接口安全吗

    当我想导出 DLL 中的类时 从接口派生它并通过导出函数返回该接口是否是正确的方法 exported dll function which is used in the exe function MyClass Create IMyClas
  • 占用 Vaadin Gridlayout 中的可用空间,但考虑换行

    我使用 Vaadin 的 GridLayout 来可视化一些标题和值标签 GridLayout 有 2 列和几行 标题标签位于左侧 其关联的值标签位于右侧 我希望第一列消耗尽可能少的空间 第二列应该占据浏览器窗口的所有重新挖掘空间 如果值标
  • 使用 IF 条件和存储在变量中的比较运算符

    我有一套涉及比较运算符的规则 我想根据规则中存储的比较运算符的值执行一些任务 我正在按照以下方式进行操作 但它不起作用 检查以下代码 if benRules i amountCriteria Greater than comparison
  • XDocument.Save() 时出现内存异常

    我正在尝试将 XDcoument 保存到没有足够可用内存空间的拇指驱动器 这是应用程序的特殊测试条件 虽然应用程序给出了如下所示的异常 但我无法在 XDocument Save filePath 周围的 try catch 块中得到该异常
  • 如何在 AngularJS 中从我的应用程序配置中设置 $httpProvider 默认标头?

    我正在尝试设置我的 httpProvider defaults headers common X CSRF Token cookie auth token 在我的应用程序的 config 部分中 但我似乎还无法访问文档 cookie 有没有
  • 相当于Windows窗体中的canvas

    我正在创建一个简单的应用程序来显示多个图像 一个在另一个下面 在 WPF 中 我使用相当于图像数量的画布数量 并将这些画布添加到主画布中 并使用Image在每个画布上进行控制 我上传了图像 看起来不错 现在 我正在尝试在 Windows 窗
  • PHP连接Hotmail发送邮件?

    目前我正在尝试使用 PHPmailer 发送电子邮件 这是下面的代码
  • 如何在达到一定长度后分割字符串? [复制]

    这个问题在这里已经有答案了 我想在一定长度后分割字符串 假设我们有一串 消息 Who Framed Roger Rabbit 像这样分割 Who Framed Roger Rab bit 我想在 message 变量超过 10 时进行拆分
  • 如何将嵌套字典的所有值转换为字符串?

    我正在编写一个 python 应用程序 其中有一个可以嵌套到任何级别的变量字典 任何级别中的键可以是 int 或 string 但我想将所有级别的所有键和值转换为字符串 字典的嵌套方式是可变的 这使得它有点复杂 col1 0 0 1 8 2
  • “body {background-color}”适用于 HTML,但不适用于 CSS

    能够在内联中设置 HTML 正文的背景颜色属性