Html页面和一个css页面_Html_Css

Html页面和一个css页面

html css

Html页面和一个css页面,html,css,Html,Css,我目前正在为我的大学项目制作一个网站，我想让它尽可能好。我基本上想为我的网站，我已经设置了几个HTML页面，但我只想使用一个CSS页面。所以基本上如果我编辑一个页面，比如我的第二个页面，我如何在不编辑第一个页面的CSS的情况下改变它的外观呢。我试过几种方法，但我真的不知道感谢您的帮助，并提前向您表示感谢您需要为HTML页面创建一个模板，然后在每个页面的部分链接一个外部样式表，如下所示： <link rel="stylesheet" href="mystyle.css" type="te

我目前正在为我的大学项目制作一个网站，我想让它尽可能好。我基本上想为我的网站，我已经设置了几个HTML页面，但我只想使用一个CSS页面。所以基本上如果我编辑一个页面，比如我的第二个页面，我如何在不编辑第一个页面的CSS的情况下改变它的外观呢。我试过几种方法，但我真的不知道

感谢您的帮助，并提前向您表示感谢

您需要为HTML页面创建一个模板，然后在每个页面的

部分链接一个外部样式表，如下所示：

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

然后，对于不属于模板的任何特殊情况，可以链接其他样式表。顺便说一句，直接在元素中嵌入样式比链接多个CSS文件更难维护

如果允许您使用JavaScript，您可能希望使用JavaScript模板引擎，如

模板引擎的美妙之处在于，您可以定义节并创建动态HTML。这可能比你想要的更复杂，但它很酷

在这里可以找到大量模板引擎：

您不能只更改CSS中每个页面的布局，CSS不知道您所在的页面

或者通过更改整个CSS文件来更改布局。或者尝试将该页面的CSS特殊函数放在页面元素中

否则你不能那样做

例如：

您可以创建单个CSS文件并将其链接为：

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

然后，在希望样式不同的每个页面中，您可以内联更改样式：

<element style="property: value; property_2: value_2;"></element>

像这样

在第二个页面的body标记中添加一个类，然后使用该类指定仅适用于该页面的样式

第一页：

<body>
  <p>This page is boring</p>
</body>

如果你有很多额外的CSS应用到第二个页面，那么你可以考虑使用更少或类似的东西来简化你的生活。

< P>你最好的方法是拥有一个具有高度、宽度等全局设置的App.CSS文件…然后有特定的页面文件index.css，portfolio.css。。具有特定样式（如颜色）的。您可以在app.css中指定按钮的常规样式，然后在每个页面css文件中指定更具体的样式

app.css：

       button{
           height: 30px;
           width: 150px;
           border: 1px solid purple;
           color: purple;
      }

index.css：

      button{
          border: 1px solid black;
          color: black;
      }

将app.css添加到每个html文件中，然后仅将特定页面css文件添加到每个html文件中。这将使以后的扩展变得很容易。

好的，我已经在每个html页面上添加了它。谢谢你，那么我应该在css页面上显示它什么样的内容来编辑每个页面的外观。我不完全理解你的问题。如果定义CSS类，则可以将类添加到元素中以设置其样式。

       button{
           height: 30px;
           width: 150px;
           border: 1px solid purple;
           color: purple;
      }

      button{
          border: 1px solid black;
          color: black;
      }