Question

我刚开始学习网页设计，我遇到了这个问题，之前我已经发布了一个问题。我试过的一切都没有用，但我做了一些改动，所以我想重新解释一下这个问题并添加一些细节。

我正在为罗马尼亚艺术家制作一个简单的网站，它将有英文版和罗马尼亚版（在导航栏中切换带有小标记的语言）。

这些都是用写字板编写的，只使用html和css，所有页面都在同一个根文件夹中。我有几个html文件和一个css文件（所以它是一个外部文件），它链接在每个页面的头部。我有英文版本和罗马尼亚版本，并且它们都是相应的导航链接。

现在，我的问题是CSS只能在主要英文页面上工作，并且拒绝任何其他语言，无论使用哪种语言，尽管它们都具有相同的头部，页眉和页脚结构。

我试过Firefox和Chrome，这是同样的故事。

我在浏览器中打开时点击了所有页面上的“页面源”，更正了显示的任何错误，点击它时，css和所有页面的链接都有效。

我最初有几个CSS文件，每个html文件一个，但是除了一个之外我删除了它们（我最初误解了这个过程并且没有意识到它们都可以拥有相同的css文件）。所以现在根文件夹“Style.css”中只有一个CSS文件。

所有html文件都以“Unicode”编码保存。

除了修改后的单词，这是精确的css，以及主要英文页面的html结构（CSS在其上工作）：

h1 {
    display: inline-block;
    font-family: Tahoma;
}

nav {
    display: inline-block;
    float: right;
    font-family: Tahoma;
}

address {
    float: right;
}

article.figures figure {
    display: inline-block;
    float: left;
}

aside {
    float: right;
    Font-family: Verdana;
}

footer {
    color: grey;
    font-family: Tahoma;
    float: left;
}

<!DOCTYPE html>
<html>

<head>
  <title>Name</title>

  <LINK rel="stylesheet" type="text/css" href="style.css">

  <meta charset="utf-8">
  <meta name="description" content="Name, visual artist">
  <meta name="keywords" content="Name, visual artist, abstract, painting, fine art">
  <meta name="author" content="Me">

</head>

<body>

  <header>
    <img src="images\paint logo.jpg" width="150" height="110" alt="artists logo">
    <h1>Name </h1>


    <nav>
      <a href=///C:/Users/.../main page in English.html>Galleries</a>
      <a href=file:///C:/Users/.../News.html>News</a>
      <a href=file:///C:/Users/.../About.html>About</a>
      <a href="http://www.saatchiart.com/...">Shop</a>


      <a href="file:///C:/Users/.../webpageinRomanian.html">
        <img src="images\romanian flag.jpg" width="20" height="15" alt="Romanian">
      </a>
    </nav>

  </header>





  <address>email</address>


  <article class="figures">

    <figure>
      <img src="images\painting.jpg" width="335" height="325" alt="painting">
      <figcaption>Paintings from 2010 - 2015</figcaption>
    </figure>



    <figure>
      <img src="images\2.jpg" width="335" height="325" alt="painting 2">
      <figcaption>2009 - 2000</figcaption>
    </figure>



    <figure>
      <img src="images\3.jpg" width="335" height="325" alt="painting 3">
      <figcaption>1990 - 1999</figcaption>
    </figure>

  </article>




  <footer>copyright Name
    <br>

    <A HREF="https://www.facebook./...">
      <IMG SRC="images/fb logo.png" width="30" height="30" ALT="Facebook">
    </A>
    <A HREF="https://www.behance....">
      <IMG SRC="images/behance logo.png" width="30" height="30" ALT="Behance">
    </A>
    <br>Webdesign by me
  </footer>

</body>

</html>

这是同一个CSS不起作用的页面：

h1 {
  display: inline-block;
  font-family: Tahoma;
}
nav {
  display: inline-block;
  float: right;
  font-family: Tahoma;
}
address {
  float: right;
}
article.figures figure {
  display: inline-block;
  float: left;
}
aside {
  float: right;
  Font-family: Verdana;
}
footer {
  color: grey;
  font-family: Tahoma;
  float: left;
}

<!DOCTYPE html>
<html>

<head>
  <title>Name News</title>

  <LINK rel="stylesheet" type="text/css" href="style.css">

  <meta charset="utf-8">
  <meta name="description" content="Name, visual artist">
  <meta name="keywords" content="Name, visual artist, abstract, painting, fine art">
  <meta name="author" content="Me">

</head>

<body>

  <header>
    <img src="images\paint logo.jpg" width="150" height="110" alt="artists logo">
    <h1>Name </h1>


    <nav>
    <a href=///C:/Users/.../main page in English.html>Galleries</a>
      <a href=file:///C:/Users/.../News.html>News</a>
      <a href=file:///C:/Users/.../About.html>About</a>
      <a href="http://www.saatchiart.com/...">Shop</a>



      <a href="file:///C:/Users/.../webpageinRomanian.html">
        <img src="images\romanian flag.jpg" width="20" height="15" alt="Romanian">
      </a>
    </nav>

  </header>





  <address>email</address>


  <h2>What's New</h2>

  <h3>Upcoming exhibitions:</h3>
  <ul>
    <li>July 2016</li>
    <li>October 2016</li>
  </ul>




  <footer>copyright Name
    <br>

    <A HREF="https://www.facebook./...">
      <IMG SRC="images/fb logo.png" width="30" height="30" ALT="Facebook">
    </A>
    <A HREF="https://www.behance....">
      <IMG SRC="images/behance logo.png" width="30" height="30" ALT="Behance">
    </A>
    <br>Webdesign by me
  </footer>

</body>

</html>

哪个可能适用于本网站，但我发誓，它不适用于我的浏览器。

这让我疯了。

我非常感谢任何帮助！

编辑：这是在“新闻”页面的开发者控制台中显示的内容：

这是根文件夹：

Answer 1

在<head>

中尝试此操作

Source: w3schools

＆＃13;

<base href="http://www.yourwebsite/" target="_blank">

＆＃13;

Answer 2

这对我有用...确保html和css文件实际上在同一个文件夹中

/folder
--thing.html
--other.html
--style.css

正如评论中指出的那样，不要使用c：/来引用文件

除了我网站上的一个页面外，我的CSS不起作用

2 个答案: