CSS内部VS外部样式表

我创建一个网页，我就开始使用的样式标签顶部：CSS内部VS外部样式表

<!DOCTYPE HTML> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Front Page</title> 
    <link rel="stylesheet" type="text/css" href="CSS/Styles.css" /> 

    <style type="text/css"> 
    </style> 
</head> 
<body> 
</body> 
</html>

我希望我所有的图形设计是在我的Styles.css中但对于一些原因，它只是不起作用。当我添加类似：

div.box { 
     margin:0 auto; 
     width:500px; 
     background:#222; 
     position:relative; 
     left: 50px; 
     top: -200px; 
     height: 100%; 
     border:1px solid #262626; 
     padding: 0 5px 5px 0; 
    }

设计这个元素：

<div class="box"></div>

它的工作原理，当我把它的标签，文档上方，但如果我把不是在CSS文件。这不是一个问题，但现在我已经将所有东西都添加到了style标签中，并且它变得非常长（150行！）。我想把它全部移到CSS文件，所以我的主页有较少的滚动。但我不明白为什么图形更改不适用如果放在CSS文件。有任何想法吗？

来源

2012-09-28 Michael Benneton

您的路径很可能是错误的。检查网络选项卡中的检查员（Chrome）或萤火虫（firefox），以查看它是否正确提取。 –

@MadaraUchiha使用铬，所以我按F12，然后我在哪里看完全？ –

Netowrk标签页：http：//i.stack.imgur.com/GGRG2.png。搜索你的CSS文件，并查看它的状态是否为200 OK，如果没有，问题就在那里。 –

如果你的CSS文件的路径是正常的，有几件事情可能发生：

这可能是因为你只需要清除缓存。 CTRL + F5通常会这样做。访问您网站的新用户不需要这样做。
您可能有错别字，或者忘记用;关闭上面的语句，请检查该错误。
这可能是一个特殊问题，即另一个规则，更具体的是重写您的规则。 Read about it here。

来源

2012-09-28 19:25:45

您是否使用区分大小写的文件系统（Linux）？您的路线CSS/Styles.css需要完全正确。此外，它是相对于页面和<basepath/>。尝试使用绝对URL来排除路径问题。

如果您没有路径问题，那么您可能会意外地在CSS文件的某个地方犯了一个错字，导致您的规则被错过。

如果你的CSS文件是好的，那么你的浏览器可能会缓存一个旧版本。您是否尝试清除缓存？

来源

2012-09-28 19:16:28 jimp

奇怪的是，我知道这不是路径问题，因为css文件中的一些内容适用于各个元素。任何想法为什么会发生？ –

这听起来像你的CSS文件中有一个错字，规则处理提前结束。仔细检查一下你的CSS文件是否有正确的语法？ – jimp

当它在样式标签中并且工作时，我只是简单地将其粘贴到css文件中。它不应该仍然工作？ –

CSS内部VS外部样式表

回答

相关问题