Question

我已经问过了。我是一个全新的创建网站，我必须上交我的网站项目，所以我必须从这里获得帮助，因为我别无选择。我真的为此感到挣扎，所以希望你们能帮助我...

我必须在一个CSS表单上链接所有HTML页面，但是由于某些原因，它无法正常工作。例如在正文中如何在代码中看到

我的另一个问题是我想要这样的网站边框：

如何使它看起来像这样？预先谢谢你！

body{
  background-color: black;
  margin-top: 45px;
}

.backdrop {
  background: url(../images/header.JPG) center;
  background-size: contain;
  margin: auto;
  margin-top: 185px;
  width: 85vw;
}
   
.text {
  text-shadow: 0 0 9px white;
  color: white;
  border: 4px solid;
  background: rgb(59, 2, 6);
  mix-blend-mode:multiply;
  font: bolder 10vw 'arial';
  text-align: center;
  margin:0;
  animation: glow 3s infinite;
}

@keyframes glow {
  0% {
    text-shadow: 0 0 10px white;
  }
  15% {
    text-shadow: 2px 2px 10px rgba(255, 255, 255, 1),
                 -2px -2px 10px rgba(255, 255, 255, 1);
  }
  30% {
    text-shadow: 2px 2px 4px rgba(255, 255, 255, .7),
                 -2px -2px 4px rgba(255, 255, 255, .7);
  }
}
    
ul li {
  float: left;
  list-style: none;
  margin-right: 1em; 
}
 
li a {
  color: #544738;
  text-decoration: none;
  float: left;
  font-size: 25px;
  padding: 10px;
  padding-top: 30px;
  margin-left: 155px;
}
 
li a:hover {
  color: #740001;
}

 .aboutme {
    background-color: aqua;
    margin-left: 50px;
}



#major{
    
    background-color: black;
}

<html>
<head>
<meta charset="UTF-8" />
<title>About me</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>

<body class="major">
    
<h1>About me</h1>
    
    </body>




</html>

Answer 1

您的CSS body标记看起来不错，但是其他两个标记是多余的。您创建了一个名为 major 的“ id”，并将其（作为一个类）包含在您的网站正文标签中。不需要，因为它重复了您在CSS body标签中列出的样式。

保留CSS的这一部分：

body{
  background-color: black;
  margin-top: 45px; }

删除CSS的这一部分：

#major{
background-color: black; }

更改HTML：从<body class="major">更改为<body>

指向CSS文档的链接显示为正常。如果它不起作用，请在浏览器中打开文档，并验证您是否在标记中正确列出了该文档。

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

将其列为href="css/main.css"表示该文件与HTML文档不在同一目录中。使用相对路径需要一些时间来思考要链接到的文档所必须遵循的路径。这个问题的答案很好地解释了Relative path in HTML

Answer 2

尝试清除浏览器缓存，如果您在PC上，则只需按ctrl + shift + del（chrome，firefox），选择“缓存的图像和文件”，然后单击“清除数据”。刷新页面。

嗨，我有2个关于CSS的问题

2 个答案: