为什么没有应用我正在编写的 CSS 规则？答案

【问题标题】：Why aren't the CSS rules I am writing being applied?为什么没有应用我正在编写的 CSS 规则？
【发布时间】：2013-01-09 21:24:33
【问题描述】：

由于某种奇怪的原因，我无法在 Sublime Text 2 中编辑或应用样式到 html。我无法执行内部样式或链接到外部样式。但是，如果我将已完成的代码放入 Dreamweaver 或 Notepad++ 中，是否会应用样式并可编辑？如何获得 sublime Text 2 以允许我应用和编辑样式？

我有 Windows 7，而且我是 HTML 和 CSS 的新手。我正在尝试学习不同的代码编辑器，但是当编辑器不起作用时，这非常困难:(

谢谢！

ETA：当我指的是样式时，我指的是 CSS。我无法在 Sublime text 2 上的 html 页面上查看任何 css 样式。仅当我使用 notepad++ 或 dreamweaver 时。当我使用 sublime text 2 时，我在浏览器中看不到 css。

这是我的代码：

<!DOCTYPE html>
<head>
<meta charset=utf-8" />
<title>Untitled Document</title>
</head>

<style> 
    body{
        background: orange;
    }

</style>

<body>
</body>
</html>

【问题讨论】：

styles 到底是什么意思？代码高亮？
当你说它不会让你编辑html时，你的意思是文件不会打开吗？你不能输入输入？内容不会显示？或者你在说语法高亮
“当我指的是样式时，我指的是 css。我无法添加任何东西” 您要究竟做什么？而究竟会发生什么？
如果您查看 > 来源非工作文档会发生什么？ HTML 看起来像您期望的那样吗？
另一种可能：既然您在文档中指定了charset="utf-8"，那么您确定文件实际上是保存为UTF-8 吗？（文件 > 使用编码保存 > UTF-8）

标签： html css styles stylesheet sublimetext2

【解决方案1】：

你的问题不在于编辑器；文档中可能存在一些错误。

您目前缺少开头的<html>，<style> 元素应该在<head> 或<body> 之间，而不是在它们之间，charset 属性应该有围绕该值的第二个引号：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Untitled Document</title>

    <style> 
        body{
            background: orange;
        }

    </style>
</head>

<body>
</body>
</html>

【讨论】：

在样式标签中写类型也是最佳实践
@ChrisB。 ——不，不是。在 HTML 4 中， type 属性是必需的。 HTML 5 已经放弃了赋予所有样式和脚本语言同等权重的想法（CSS 和 JavaScript 胜出），并使 type 属性成为可选的。使用它有两个效果：它使您有机会打错字，使脚本/样式不适用，并使文件稍大。对 CSS 和 JS 使用 type 属性只有负面影响。
伙计，我被红鲱鱼分心了，我什至没有注意到。事后看来如此明显！
我把它粘贴进去了，它在 Sublime 中对我不起作用，但是在 Notepad++ 中起作用。不过非常感谢。
HTML 元素的开始标签是可选的。浏览器将错误地从放置不正确的样式元素中恢复。

【解决方案2】：

问题不在于文本编辑器，而在于您的代码。您可能正在打开一个过时的文件并在其中查找更改。确保将文件保存在正确的位置并在查找更改时打开正确的文件。

另外，请确保您将其保存为 .html，Sublime Text 2 不会像 Dreamweaver 或其他编辑器那样自动为您的文件提供扩展名。

【讨论】：

我将此文件保存在我的桌面上，因为这只是我给自己的一项任务，即创建一个简单的网页。当我使用记事本++时，我可以将此代码保存在桌面上并在浏览器上正常查看。我得到了我的彩色背景和我应用的任何其他东西。但是，如果我对 Sublime 做同样的事情（使用相同的代码），它就行不通了。使用 Sublime 时，我必须将文件保存到某个文件夹吗？谢谢！
不，您不必将其保存在任何特定文件夹中，但只需确保您也使用 .html 扩展名保存它。
谢谢，我检查了我的扩展，它是html。