Question

我正在为我的学校编程课程创建一个网站，我的css不会显示在我的主页上，我创建CSS的模式不会改变，到目前为止我班上有5个人已检查，没有人知道原因

主页

<head>
    <link rel= "stylesheet" href="css1.css">
    <meta charset = "utf-8">
    <meta name= "keywords" content= "photo">
    <title> "trash" </title>
</head>

<body bgcolor="#F5F6E9">


    <div class="header">

        <div class="container">
            <div class="logo">
                <h1><a href="index.html">LEGALIZE RANCH</h1>
            </div>

            <div class= "nav">
                <ul>

                        <li><a href="index.html">RANCH!</a></li>

                        <li><a href="why.html">WHY?????</a></li>

                        <li><a href="brotendonation.html">BROTENDO NATION</a></li>

                </ul>
            </div>
        </div>
    </div>

    <div class= "mainpart">
    <div class="statement">
        <p> 
        WHATS UP BROTENDOS
        </p>
    </div>

    <div class= "god">
     <center> <img src= "god.png" alt="ranch dude"> </center>
    </div>

    <div class= "statement2">
        <p>
            RANCH IS THE #1 MOST RARE RESOURCE EVER!!!! THAT MEANS OUR GOVERNMENT IS LIMITING IT FOR DUDES LIKE THIS!!!!!
        </p>
        <p>
            THIS NEEDS TO BE ADDRESSED AT THE NINTENDO CONVENTION!!!!!
        </p>
    </div>
    <div class= birdup>
        <center><img src= "birdup.jpg" alt= "bir ddup"></center>
    </div>
</body>

CSS

body {
    width: 100%;
    margin : auto;
}

.container {
    width: 960px:
    margin: 0 auto:
}

.header {
    background: #94DD6E;
    height: 100px;
    width: 100%;
    top: 0;
    position: fixed;
}

.logo {
    float: left;
    font-family: "Helvetica";
    font-size: 15px;
    margin-left:15px;
    padding-top:10px;
}

a {
    text-decoration: none;
    color: #fff
}

li {
    list-style: none;
    float: left;
    margin-left: 15px;
    padding-top: 15px;
    font-family:  Arial, Helvetica, sans-serif;
    margin-right: 15px;
}

.nav {
    float: right;
    padding-top: 10px;
}   

.content {
    background: #e7e8e1;
    }

.statement { 
    padding-top: 100px;
    text-align: center;
    font-family: "Helvetica";
    font-size: 25px;
    }

.statement2 {
    text-align: center;

.god {
    text-align: center;
    }

.pimplepete {
    margin-top: 50%;
    text-align: center;
    color: orange;
}

.mainpart {
    background-color: #F5F6E9;
    }

.video {
    padding-top: 25px;
    }

.donation {
    text-align: center;
    font-family: "Papyrus";
    font-size: 50px;
    }

CSS没有使用的页面

<!doctype html>

<head>
    <link rel= "stylesheet" href="css1.css">
    <meta charset = "utf-8">
    <meta name= "keywords" content= "photo">
    <title> "trash" </title>
</head>

<body bgcolor="#F5F6E9">


    <div class="header">

        <div class="container">
            <div class="logo">
                <h1><a href="index.html">LEGALIZE RANCH</h1>
            </div>

            <div class= "nav">
                <ul>

                        <li><a href="index.html">RANCH!</a></li>

                        <li><a href="why.html">WHY?????</a></li>

                        <li><a href="brotendonation.html">BROTENDO NATION</a></li>

                </ul>
            </div>
        </div>
    </div>

    <div class= "video">
        <center>
        <iframe width="640" height="360" src="https://www.youtube.com/embed/0V7FGCtnoJo" frameborder="0" allowfullscreen></iframe>
        </center>
    </div>

    <div class= "donation">
        <p>
            OUR MOVEMENT IS GROWING!!! SPORT SOME <i>RANCHY</i> MERCH
        </p>
        <p>
            <a href= "http://legalizeranch.com/"> LEGAL RANCH MERCH </a>
        </p>
    </div>  





    </body>

不要担心我知道格式不好。

Answer 1

您的CSS已链接相对。

<link rel= "stylesheet" href="css1.css">

如果您的其他网页可能位于不同的文件夹中 - 文件夹中的css1.css文件旁边也没有html，那么它就不会理解对{的引用{1}}。

如果您通过网址而不是文件系统访问网站，请尝试添加前导斜杠css1.css，并且/css1.css位于网络根目录中。

如果您通过文件系统加载页面，请根据调用它的文件调整对css的引用。您可以通过将其称为css来遍历某个级别，而不是。{/ p>

进一步说明，给定一个文件系统，如：

../css1.css

public_html/ - index.html - css1.css - about/ - index.html 知道关于public_html/index.html，因为它们位于同一目录中。

但是，在css1.css中，如果public_html/about/index.html标记引用<link>，则浏览器会查找名为css1.css的文件，我认为该文件不存在

我的CSS不会显示在我的索引页面之后

1 个答案: