Question

我有一个相当简单的HTML文件，我正在本地服务器上运行，因为很快就会变成一个php文件。但是，当我从服务器运行它时，CSS不会显示在页面上。在Web浏览器中打开index.html文件就可以了。

HTML文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta name="description" content="Content goes here"/>

</head>
<body>

    <div class="header">
        <div class="logo">
            <a href="http://Link.com"><img src="images/logo.png"/></a>
        </div>
        <div class="navigation">
            <ul>
                <li>
                    <a href="mailto:support@link.com">
                        <img src="images/email.png"/>
                    </a>
                </li>
                <li>
                    <a href="http://Twitter.com/link">
                        <img src="images/twitter.png"/>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>

CSS文件：

.header {
    width: 700px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    height: 61px;
}

    .logo {
        float: left;
        margin-top: 10px;
    }

    .navigation {
        float: right;
    }

        .navigation li {
            width:60px;
            height:60px;
            float:left;
            margin-left:14px;
            border-radius:30px;
        }

        .navigation li a {
            width:60px;
            height:60px;
            float:left;
            background-color:#576f85;
            border-radius:30px;
        }

        .navigation li a img {
            padding-left:14px;
            padding-top:14px;
            padding-right:14px;
            padding-bottom:14px;
        }

Answer 1

按ctrl + shift + del，然后从浏览器中删除所有缓存:)我必须偶尔使用css才能使用wi

Answer 2

包括这样的css文件：

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

Answer 3

我认为你最初将CSS包含在HTML中，在浏览器中查看（本地）然后将其移动到单独的.css文件中，并忘记按照hitchdiddy上面的答案包含链接。

现在，当您在本地服务器上查看它时，它无法找到CSS，但您的浏览器已将旧页面缓存到本地页面，这就是为什么在直接查看时仍然可以看到样式的原因。

CSS不在本地服务器上的HTML文件中显示

3 个答案: