html - 我的 CSS 不会显示在我的索引页面之后-6ren

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

转载作者：太空宇宙更新时间：2023-11-04 02:09:21

25

4

我正在为我的学校编程类(class)创建一个网站，我的 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>

别担心，我知道格式不好。

最佳答案

您的 CSS 是相对链接的。

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

如果您的其他页面可能在不同的文件夹中 - 没有 css1.css 的文件夹在html旁边它们里面的文件，它不会理解对 css1.css 的引用.

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

如果您通过文件系统加载页面，请根据调用它的文件调整对 css 的引用。您可以通过将其称为 ../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 , 浏览器将查找名为 public_html/about/css1.css 的文件，我想这不存在。

关于html - 我的 CSS 不会显示在我的索引页面之后，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40093056/

25

4

0

文章推荐： css - 如何通过 css 设置 SVG 样式？

文章推荐： node.js - 使用 Passport js 和 Angular 2 进行社会认证

文章推荐： javascript - 手动 Bluebird promise 中的resolve()

文章推荐： javascript - 在 Chrome 和 Firefox 中显示图像

html - Z 索引 - 滑动过渡重叠有没有办法创建动态 z 索引？
这几天我一直在努力。我一直在自学 CSS，所以对菜鸟好一点。我正在创建一个推荐 slider 。推荐以 3 个 block 显示。我希望前 2 个下降，第 3 个上升。但是当 slider 激活时，无
node.js - 索引.ejs VS 索引.html
我最近开始学习 Nodejs，现在我很困惑我的网络应用程序使用什么，html 还是 ejs (Express)。 Ejs 使用 Express 模块，而 .html 使用 HTML 模块。我的第一个问
sql - 跨两列/数组的 PostgreSQL 搜索/索引(GIN 索引？)
假设我们有一个 PostgreSQL 表contacts，每条记录都有一堆带标签的电子邮件地址(标签和电子邮件对)——其中一个是“主要”。存储方式如下: id 主键电子邮件文本 email_la
Tesseract 索引 >= 0 && 索引 < size_used_ :Error:Assert failed Error
我成功为一种新的tesseract语言编写了traineddata文件，但是当我完成时，我继续收到以下错误: index >= 0 && index = 0 && 索引 < size_used_ :E
python - .loc[索引, 列] 和 .loc[索引][列] 之间有什么区别？
这个问题已经有答案了: How to deal with SettingWithCopyWarning in Pandas (21 个回答) 已关闭 4 年前。假设我有一个像这样的数据框，第一列“密
Android - 从位置 A(索引)检查位置 B(索引)是否在 GridView 布局中与它成对角线，而不管是否接近
如果我有一个位置或行/列同时用于 A 和 B 位置，请检查 B 是否与 A 成对角线？ 1 2 3 4 5 6 7 8 9 例如，我如何检查 5 是否与 7 成对角线？此外，如果我检查 4 是
MongoDB：索引
MongoDB：索引一、创建索引默认情况下，集合中的_id字段就是索引，我们可以通过getIndexes()方法来查看一个集合中的索引 > db.user.getIndexes() [ { "v
MongoDB——索引
一、索引介绍索引是一种用来快速查询数据的数据结构。 B+Tree就是一种常用的数据库索引数据结构，MongoDB采用B+Tree 做索引，索引创建在colletions上。 MongoDB不使用索引
SQLite 索引
我无法决定索引。就像我有下面的查询需要太多时间来执行: select count(rn.NODE_ID) as Count, rnl.[ISO_COUNTRY_CODE] as Cou
MySQL查询优化——索引
我有这些表: CREATE TABLE `cstat` ( `id_cstat` bigint(20) NOT NULL, `lang_code` varchar(3) NOT NULL,
mysql表性能升级(索引
我正在尝试找到一种方法来提高包含 IP 范围的 mysql 表的性能(在高峰时段每秒最多有 500 个 SELECT 查询(!)，所以我有点担心)。我有一个这种结构的表: id smallint(
jquery 索引()
jquery index() 似乎无法识别元素之一，总是说“无法读取未定义的属性‘长度’”这是我的代码。mnumber 是导致问题的原因。我需要 number 和 mnumber 才能跟踪使用鼠标，并
MongoDB 索引
我们有一个包含近 4000 万条记录的 MongoDB 集合。该集合的当前大小为 5GB。此集合中存储的数据包含以下字段: _id: "MongoDB id" userid: "user id" (i
MongoDB 索引
文档说:如果你有多个字段的复合索引，你可以用它来查询字段的开始子集。所以如果你有一个索引一个，乙，丙你可以用它查询一种一个，乙a,b,c 我的问题是，如果我有一个像这样的复合索引一个，乙，丙我可以查询
jQuery .each() 索引？
我正在使用 $('#list option').each(function(){ //do stuff }); 循环列表中的选项。我想知道如何获取当前循环的索引？因为我不想让 var i = 0;循
快速了解MySQL 索引
MySQL索引的建立对于MySQL的高效运行是很重要的，索引可以大大提高MySQL的检索速度。打个比方，如果合理的设计且使用索引的MySQL是一辆兰博基尼的话，那么没有设计和使用索引的MySQL
18、SQLite 索引
SQLite 索引（Index）索引（Index）是一种特殊的查找表，数据库搜索引擎用来加快数据检索。简单地说，索引是一个指向表中数据的指针。一个数据库中的索引与一本书后边的索引是非常相似的。
RavenDB MultiMap 索引
我是 RavenDB 的新手。我正在尝试使用多 map 索引功能，但我不确定这是否是解决我的问题的最佳方法。所以我有三个文件:Unit、Car、People。汽车文件看起来像这样: { Id: "
基于标准的 Excel 索引
我有以下数据，我想根据范围在另一个表中建立索引我想要实现的是，例如，如果三星的销售额为 2500，则折扣为 2%，低于 3000 且高于 1000 我知道它可以通过索引来完成，与多个数组匹配，然后指
SQL 索引 - 这是重叠的吗？
我正在检查并删除 SQL 数据库中的重复和冗余索引。所以如果我有两个相同的索引，我会删除。例如，如果我删除了重叠的索引... 索引1:品牌、型号指标二:品牌、型号、价格我删除索引 1。相同顺

首页

博学

6Ren·AI

商城

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