gpt4 book ai didi

html - 一段时间后 css 文件停止工作

转载 作者:太空宇宙 更新时间:2023-11-04 12:36:46 25 4
gpt4 key购买 nike

我的 style.css 文件工作得很好(我在网络浏览器上检查了我的 html 文件,它显示的正是我想要的方式)但是,过了一段时间,所有网络浏览器都停止遵循 style.css 文件中的一些代码,这些代码有几分钟前运行良好,即使我没有对这些部分进行任何更改(特别是,那些代码是悬停,访问)。我正在使用 Audobe Dreamweaver CC,我是 HTML 和 CSS 的新手。谢谢你!______________________________________style.css__________________________________________

 @charset "utf-8";
/* CSS Document */
#header{
text-align: center;
background-color: blue;
font-family: Arizonia;
font-size: 50px;
color: white;
padding: 5px;
}
h1{
text-align: center;
font-family: calibri;
font-size: 36px;
color: red;
}
ul#nav1 {
padding: 50px;
text-align: center;
list-style-type: none;
}
ul#nav1 li a: link {
font-family: calibri;
font-size: 25px;
color: green;
text-decoration: none;
}
ul#nav1 li a: hover{
color: orange;
font-size: 50px;
font-family:jokerman;
}
ul#nav1 li a: active{
color: red;
}
ul#nav1 li: visited{
color: white;
}
ul#nav li{
display: inline;
}
ul#nav {
padding: 20px;
list-style-type: ||;
}
ul#nav li a: link {
text-align: center;
font-family: calibri;
font-size: 10px;
color: green;
list-style-type: upper-roman;
}
p.ul#nav li a: hover{
color: orange;
}
ul#nav li a: active{
color: red;
}
ul#nav li: visited{
color: purple;
}
table, th, td {
align-content:center;
text-align:center;
boder-spacing:5px;
padding:10px;
border: 3px solid green;
border-collapse: collapse;
font-size:20px;
}
.right {
position:absolute;
right:80px;
width:auto;
}

______________________________________index.html__________________________________________

<!doctype html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<meta charset="utf-8">
<title>Tự bạch của Trần Minh Triết</title>
</head>
<body>
<div id="header">
<marquee> Chào mừng đến với trang tự bạch của Trần Minh Triết </marquee>
</div>
<hr/>
<h1>SITEMAP</h1>
<ul id="nav1">
<li><a href="background.html">Trần Minh Triết là ai?</a></li>
<li><a href="milestone.html">Chặng đường tôi đã đi qua</a></li>
<li><a href="gallery.html">Gallery yêu thích của tôi</a></li>
<li><a href="contact.html">Hãy liên lạc với tôi</a></li>
<li><a href="makefriend.html">Tôi rất muốn biết về bạn, bạn nghĩ sao?</a></li>
</ul>
<img src="index/footer.jpg" style="width:1366px;height:auto">
</body>
</html>

最佳答案

您的 CSS 中有一些语法错误需要修复。您的链接的具体问题是您在元素和伪类之间有空格。要修复更改:

  • ul#nav1 li a:linkul#nav1 li a:link
  • ul#nav1 li a: hoverul#nav1 li:hover
  • ul#nav1 li a: activeul#nav1 li:active
  • ul#nav1 li a: visitedul#nav1 li:visited

我建议通过 validator 运行您的 CSS .例如,list-style-type: ||; 无效。

关于html - 一段时间后 css 文件停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27224937/

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