-2

我有一个在本地服务器上运行的相当简单的 HTML 文件，因为它很快就会变成一个 php 文件。但是，当我从服务器运行它时，CSS 不会显示在页面上。在网络浏览器中打开 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;
        }
4

3 回答 3

1

按 ctrl + shift + del，然后从浏览器中删除所有缓存 :) 我必须不时这样做才能让 css 正常工作

于 2013-09-26T11:39:12.807 回答
0

像这样包含 css 文件：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
于 2013-09-26T11:09:53.123 回答
0

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

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

于 2013-09-26T11:15:57.563 回答