gpt4 book ai didi

html - CSS 问题(将代码从内部文件传输到外部文件)

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

我目前正在使用 CSS 设计我的登录和注册表单。我原来用一个内部样式表并将我所有的 CSS 写在那里(<head> 标签之间的 CSS 和样式标签)。现在,我创建了一个“.css”文件并将所有 CSS 从 HTML 复制到外部文件表。

现在,问题是所有 CSS 都显示了,除了正文的背景颜色:

body {
font: 1em/1.62em verdana, sans-serif;
background-color: #249EC7;
}

出于某种原因,每当此代码在内部样式表中时,背景颜色都会显示,但是当我将相同的代码传输到外部样式表时,它不会显示。 (这是用于注册表)

同样的事情发生在登录表单上,但不仅背景颜色没有显示,填充也没有显示:

<style media='screen'>
body {
font: 1em/1.62em verdana, sans-serif;
background-color: #249EC7;
}
form {
max-width: 58em;
padding: .2em;
margin: auto;
background-color: #648cd1;
color: #31d8eb;
text-align: center;
}
form div {
margin: 0em 1em 1em 1em;
}
form b {
font-size: 1.3em;
}
form b,form input{
display: inline-block;
width: 12em;
}
form input {
padding: 0.25em;
}
h4 a:visited {
color: #F56433;
}
#logindiv {
height: 18.5em;
margin-top: -9.25em;

我不知道是什么导致了这个问题,因为我实际上在内部和外部样式表中都使用了相同的 CSS。

注册表 HTML:

<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width,height=device-height,initial-scale=1'>
<link rel='stylesheet' type='text/css' href='/Login & Register System/CSS Files/RegisterFormCSS.css'>
</head>
<body style='background-color: #249EC7;'>
<form action='' method='post'>
<fieldset>
<h1 style='padding-bottom: .2em;'>Register Now!</h1>
<div>
<label for='username'>Username:</label>
<input type='text' id='username' name='username'>
</div>
<div>
<label for='password'>Password:</label>
<input type='password' id='password' name='password'>
</div>
<div>
<label for='passwordconfirm'>Re-enter Password:</label>
<input type='password' id='passwordconfirm' name='passwordconfirm'>
</div>
<div>
<label for='fullname'>First and Last Name:</label>
<input type='text' id='fullname' name='fullname'>
</div>
<div>
<input type='submit' name='register' value='Complete Registration' style='width: 12em; height: 2.5em; cursor: pointer; background-color: #3E1CE8; color: #FAFAFA; font-size: 1.2em;'>
</div>
<div>
<h4 style='color: #F5E749;'>Already own a Connection account? Login <a href='index.php'>Here!</a></h4>
</div>
</fieldset>
</form>
</body>

登录表单 HTML:

    <!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device, height=device=height, initial-scale=1'>
</head>
<body style='background-color: #249EC7;'>
<div id='logindiv' style='width: 50%; padding: 10px; border: 5px solid #316ED6; background-color: #648CD1; color: #31D8EB; margin: auto; border-radius: 1.3em; text-align: center;'>
<h1>Login</h1>
<br />
<form action='' method='post'>
<div>
<b>Username:</b>
<input type='text' name='username' style='padding: 4px;'/>
</div>
<div>
<b>Password:</b>
<input type='password' name='password' style='padding: 4px; '/>
</div>
<div>
<input type='submit' value='Login' name='login'/>
</div>
</form>
<div>
<h4>No Account? Register <a href='register.php'>Here!</a></h4>
</div>
</div>
</body>

最佳答案

CSS 有优先级,也许其他一些关于背景的规则正在覆盖外部 css。尝试在属性末尾添加 !important。

关于html - CSS 问题(将代码从内部文件传输到外部文件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36237026/

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