Html CSS不导入。_Html_Css - Fatal编程技术网

Html CSS不导入。

html css

Html CSS不导入。,html,css,Html,Css,为什么我的style.css不修改index.html？两个文件都能完美验证。文件夹设置：site>index.html，style.css index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>new site</title> <link rel="stylesheet" type="text/css

为什么我的style.css不修改index.html？两个文件都能完美验证。
文件夹设置：site>index.html，style.css

index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>new site</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script src="js/scripts.js"></script>
</head>

<body>
<div id="container">

        <header>
            <div id="status">
                <a href="#"><img src="img/status.png" alt="Currently available for work" /></a>
            </div><!-- end status -->
            <nav>
                <ul>
                    <li><a href="#">Work</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
            <h1><a href="#"><img src="img/banner.png" alt="Return to the homepage" /></a></h1>
            <div id="blurb">
                <p>blah blah blah lorem ipsum blah blah</p>
            </div><!-- end blurb -->
        </header>

        <div class="services">
            <ul>
                <li><h2>Design 1</h2><p>Nulla et diam risus. Praesent vestibulum augue non purus tincidunt placerat. Sed in orci leo. Duis dignissim nibh vitae lacus placerat et posuere</p></li>
                <li><h2>Design 2</h2><p>Nulla et diam risus. Praesent vestibulum augue non purus tincidunt placerat. Sed in orci leo. Duis dignissim nibh vitae lacus placerat et posuere</p></li>
                <li><h2>Design 3</h2><p>Nulla et diam risus. Praesent vestibulum augue non purus tincidunt placerat. Sed in orci leo. Duis dignissim nibh vitae lacus placerat et posuere</p></li>
                <li><h2>Design 4</h2><p>Nulla et diam risus. Praesent vestibulum augue non purus tincidunt placerat. Sed in orci leo. Duis dignissim nibh vitae lacus placerat et posuere</p></li>
            </ul>
        </div><!-- end services -->

        <div class="recent">
            <div id="recent-work">

            </div><!-- end recent-work -->
            <div id="recent-blog">

            </div><!-- end recent-blog -->
        </div><!-- end recent -->



    </div><!-- end container -->
</body>
</html>

根据您的标记和CSS，您正在开发的文件夹中应该包含这些文件夹和文件。是吗

index.html
style.css
js/
    scripts.js
img/
    status.png
    banner.png
    background.png
type/
    alexandriaflf-bold-webfont.eot
    alexandriaflf-bold-webfont.woff
    alexandriaflf-bold-webfont.ttf
    alexandriaflf-bold-webfont.svg

如果没有应用样式表，则可能是您错误地调用了它（不，您的链接标记没有问题），或者CSS语法不正确（不，看起来没有问题），或者文件不是您声明它应该在的位置（错误路径）。更罕见的情况可能是：您禁用了样式表，忘记了重新启用；其中一个或两个文件都有某种编码错误或错误字符，导致文件损坏

编辑

我已经按照您的描述安排了index.html和style.css，这就是我看到的。这些样式适用。在Chrome Developer Tools中，您将看到突出显示了

h2

，并应用了指定的样式。至少，我希望你能看到这一点。如果你看不到这一点，你要么是你的环境出了问题，要么是你没有准确地解释情况

根据您的标记和CSS，您正在开发的文件夹中应该包含这些文件夹和文件。是吗

index.html
style.css
js/
    scripts.js
img/
    status.png
    banner.png
    background.png
type/
    alexandriaflf-bold-webfont.eot
    alexandriaflf-bold-webfont.woff
    alexandriaflf-bold-webfont.ttf
    alexandriaflf-bold-webfont.svg

编辑

我已经按照您的描述安排了index.html和style.css，这就是我看到的。这些样式适用。在Chrome Developer Tools中，您将看到突出显示了

h2

，并应用了指定的样式。至少，我希望你能看到这一点。如果你看不到这一点，你要么是你的环境出了问题，要么是你没有准确地解释情况

很高兴看到有人把罕见的情况包括在内；）特别是如果它不是一个错误的文件路径，那么这些似乎就是问题所在。我的根文件夹包含所有这些文件，是的。对不起，我以为我把它们都列出来了。如何检查样式表是否已禁用？如果有帮助的话，我用的是尾波。如果存在编码错误，验证过程中会不会显示该错误？“我的html和css都是100%有效的。@AMC如果加载到浏览器（Safari、Chrome、Firefox、Internet Explorer），会得到什么结果。实际上，听起来你在尾声里有个问题。Coda用户列表中有一大堆与此相关的信息：--我想知道其中的一些建议是否有帮助。@artlung在Firefox、Chrome和Safari中显示时，我只看到普通的HTML-甚至没有显示图像。我要看一看Coda组，谢谢。@AMC我不知道，我已经在我的Mac上为我附上了它。很高兴看到有人包括更罕见的情况；）特别是如果它不是一个错误的文件路径，那么这些似乎就是问题所在。我的根文件夹包含所有这些文件，是的。对不起，我以为我把它们都列出来了。如何检查样式表是否已禁用？如果有帮助的话，我用的是尾波。如果存在编码错误，验证过程中会不会显示该错误？“我的html和css都是100%有效的。@AMC如果加载到浏览器（Safari、Chrome、Firefox、Internet Explorer），会得到什么结果。实际上，听起来你在尾声里有个问题。Coda用户列表中有一大堆与此相关的信息：--我想知道其中的一些建议是否有帮助。@artlung在Firefox、Chrome和Safari中显示时，我只看到普通的HTML-甚至没有显示图像。我要看一看Coda组，谢谢。@AMC我不知道，我已经在我的Mac上附加了它。标记看起来是正确的（并且在本地对我有效），如果您在服务器（本地或远程）上开发，您的

href=“style.css”

路径可能错误。如果您的浏览器有开发工具，请打开它。应该有一个请求style.css和结果响应的日志。css非常平淡：你确定它不工作吗？如果您添加一些立即可见的内容，例如

*{color:red；}

，是否也不显示？@LeleDumbo Firebug告诉我：“这个元素没有样式规则。您可以为它创建一个规则。”@Juhana body{background:red；}不做任何更改。如果您在服务器上开发，标记看起来是正确的（并且在本地适用于我）（本地或远程）您可能有

href=“style.css”

的路径错误。如果您的浏览器有开发工具，请打开它。应该有一个请求style.css和结果响应的日志。css非常平淡：您确定它不工作吗？如果您添加了一些立即可见的内容，例如

*{color:red；}

，也没有显示吗？@LeleDumbo Firebug告诉我：“这个元素没有样式规则。你可以为它创建一个规则。”@Juhana body{background:red；}不做任何更改。