Html 简单的CSS代码在Windows上工作，但在Mac上不工作（在internet上找不到答案）_Html_Css_Macos

Html 简单的CSS代码在Windows上工作，但在Mac上不工作（在internet上找不到答案）

html css macos

Html 简单的CSS代码在Windows上工作，但在Mac上不工作（在internet上找不到答案）,html,css,macos,Html,Css,Macos,当我在编写一个简单的CSS&HTML教程时，我遇到了一个奇怪的问题；当我在Mac Safari、Firefox和Chrome上的所有浏览器上本地测试代码时，我的CSS效果根本不起作用。然而，使用相同的文件和相同的文件夹结构，它在Windows7的IE上工作得非常完美，p和h1的字体也会相应地改变！以下是我所厌倦的：删除和添加链接标签中的代码，但网页上没有任何更改。这证明没有CSS效果使用Chrome的开发者工具来检测链接是否有效。它显示css文件链接到html文件。尝试使用TextWra

当我在编写一个简单的CSS&HTML教程时，我遇到了一个奇怪的问题；当我在Mac Safari、Firefox和Chrome上的所有浏览器上本地测试代码时，我的CSS效果根本不起作用。然而，使用相同的文件和相同的文件夹结构，它在Windows7的IE上工作得非常完美，p和h1的字体也会相应地改变！以下是我所厌倦的：

删除和添加链接标签中的代码，但网页上没有任何更改。这证明没有CSS效果使用Chrome的开发者工具来检测链接是否有效。它显示css文件链接到html文件。尝试使用TextWrangler而不是TextEdit；不走运检查拼写错误；甚至可以复制和粘贴教程网站上的代码。在jsfiddle.net上测试代码，代码工作得非常好。要在W3C验证程序上测试HTML文件，在文档类型声明旁边未检测到相关错误。我的朋友们，请在这方面帮助我，因为我已经花了几个小时，我很沮丧，因为如果这个问题不能解决，我就不能继续我的教程。我在网上找不到关于这个问题的答案，所以我决定在这里签名，自己问这个问题。任何帮助都将不胜感激。谢谢

*****HTML代码****

  <html>
  <head>
    <title>Practice</title>
    <link rel="stylesheet" type="text/css" href="/css/styles.css">
  </head>
  <body>
    <h1>Why I love Taos, N.M.</h1>
    <h2>The sun is strong and the people are weird.</h2>
    <p>Taos is a small town in the mountains of northern New Mexico. It's cooler
    than the southern part of the state, because it's 7,000 feet high. Many of the
    residents are high, too. (But not me. I'm weird without any help.)</p>
  </body>
</html>

尝试删除URL href链接中的“/”

<link rel="stylesheet" type="text/css" href="/css/styles.css">

写得像：

<link rel="stylesheet" type="text/css" href="css/styles.css">

因为有些浏览器在根“/”格式中有问题。

我找到了答案！问题是html文件的编码与CSS文件的编码不同。最初，html文件使用UTF-16LE，CSS文件使用windows-1252。然后，我尝试将相同的代码复制到一个新的html文件中，并将其保存在UTF-8中，然后它就可以令人惊讶地工作了！谢谢你们的努力

我也有同样的问题。使用最新的操作系统Sierra 10.12.5，在家里的PC上工作得非常好，但在Mac上却不行。我在一夜之间浪费了好几个小时想弄明白，否则在没有Windows笔记本电脑的情况下，我就无法在工作中完成同样的教程。我对完全相同的代码有问题

原来这只是我的引号。UTF已经匹配了这两个文件，所以这对我来说没有解决任何问题。我注意到它总是把我的引文变成倾斜的，有时甚至在我打开文件时，它们会胡言乱语。更改整个字体无法解决任何问题。我通过进入Preferences>Options并取消选中smart quotes解决了这个问题。事实上，我只是检查了所有内容，使其成为纯文本。默认情况下，几乎所有选项都被选中，例如智能破折号、智能复制/粘贴、拼写检查等。这些选项的效果非常好

别忘了，您还必须检查作者设置的首选项中的纯文本，以及在下一个窗口中以HTML代码而不是格式化文本的形式显示HTML文件，然后打开并保存，以便使用TextEdit中的代码正确打开，否则它会像网页一样打开。作者没有让第二部分变得明显。我不得不在谷歌上搜索，找到一个对应的YouTube视频

我希望这对其他人有所帮助，无论是编写相同的教程，还是在Mac上编写HTML和CSS，都能帮他们节省我浪费的大量时间。

我发现windows不区分大小写，但Mac是。尝试将style.css重命名为style.css

Times New Roman和Trebuchet Ms仅存在于Windows上。打开浏览器开发人员工具并在控制台中检查错误。您是从服务器还是从文件系统运行它？CSS文件的路径可能不正确。@ThiefMaster:我知道Mac可能没有这种字体，但字体的大小不太合适。@AlexanderO'Mara:我正在本地计算机上运行，在控制台中没有发现任何错误。然而，当我在开发者工具中点击source标签，并尝试在styles.css窗口中删除一个字母并将其添加回一个空格时，css工作正常！但是当我刷新页面时，它会返回到没有CSS的原始页面。朋友们，有什么想法吗@@在Chrome上的开发者工具的source选项卡中，我发现大多数时候，styles.css选项卡中的代码都是乱码。然而，有时，这是正常的。当代码正常显示时，如果我在styles.CSS选项卡中重新编辑代码，CSS可以工作，但当我刷新浏览器时，它返回到原始状态，没有CSS效果。因为某些浏览器在此根“/”格式中遇到问题。[需要引证]只有路径错误时才会出现问题，可能是，也可能不是，因为OP没有提供足够的信息。@Aabha Pandey:谢谢你的回复。但是，删除“/”不起作用@@

<link rel="stylesheet" type="text/css" href="css/styles.css">