gpt4 book ai didi

html - 即使链接 href 已完成,将 HTML 链接到 CSS 时也会出现问题,文件位于同一文件夹中

转载 作者:行者123 更新时间:2023-11-28 19:11:03 25 4
gpt4 key购买 nike

尝试开始我的编码之旅时遇到了一个问题。有 2 段文本,一个 html 和一个 css,我无法将它们链接在一起。他们在这里:

<html>
<head>
<link rel="stylesheet" type="text/css" href="/css-stuff.css">
</head>
<body bgcolor = brown>
<div class = "container">
<img src="https://ih0.redbubble.net/image.427712605.8856/flat,750x,075,f-pad,750x1000,f8f8f8.jpg">
<form id="outsideBox" method = "post">
<ul style="list-style-type:none;">
<li>
<label for "email">Email: </label>
<input type = "text" id="email" name="email_adress">
</li>
<li>
<label for "password">Password</label>
<input type = "text" id="password" name="pw_input">
</li>
<li class = "button">
<button id="clickMe" type = "button"> Login</button>
</li>
</ul>
</form> </div>
</html>

和CSS:

body{
background-image: url(https://images.unsplash.com/photo-1518839283416-0cc546d12a97?ixlib=rb-1.2.1&w=1000&q=80);
background-repeat: round;
}
.container{

background-image: url(https://img.pngio.com/purple-background-png-png-group-romolagaraiorg-1920_1080.png);
/* form position */
position: relative;
top: 100px;
left: 600px;
/*---------------*/
width: 267px;
border-style: outset;
padding: 10px;
border-radius: 1em;
display: inline-block;
text-align: right
}
img{
width:100px;
height: 100px;
border-radius: 50%;
margin-right: 75px
}
ul{
color:white;
}

这是他们两个,他们在 codepen 上工作,但不会在 atom 中编译。

最佳答案

在你的 htlm 文件中,在 head 中尝试删除 href css 路径上的 '/',这两个文件都在同一个文件目录中。

像这样:
<link rel="stylesheet" type="text/css" href="css-stuff.css"/>

关于html - 即使链接 href 已完成,将 HTML 链接到 CSS 时也会出现问题,文件位于同一文件夹中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59304663/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com