gpt4 book ai didi

html - 一段时间后CSS无法正常工作

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

我是新手,这是我第一次尝试创建 css,css 在第 10 行之前工作正常......我无法弄清楚我的问题是什么。背景和字体颜色是临时的 :D 提前致谢!!

body {
background-image: url('bg.jpg');
color: #000385;
font-size: 87.5%;
font-family: Arial;
line-height: 1.5
}
a {
text-decoration: none;
/* no underline in links */
}
.body {
margin: 0 auto;
/* everything will be centered */
width: 70%;
/* no floating elements */
}
.mainheader img {
width: 30%;
height: auto;
margin: 2% 0;
/* leaves a bit of space on the top of the image */
}
.mainheader nav {
background-color: #666;
height: 40px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.mainheader nav ul {
list-style: none;
margin: 0 auto;
}
.mainheader nav ul li {
float: left;
display: inline;
}
<head>
<title>Personal Portfolio</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>

<body class="body">
<header class="mainHeader">
<img src="logo.png" <nav>
<ul>
<li><a href="#">Home</a>
</li>
<li><a href="#">About Me</a>
</li>
<li><a href="#">Gallery</a>
</li>
<li><a href="#">Contact</a>
</li>
</ul>
</nav>
</header>
<div class="Homepage">
<div class="content">
<article class="maincontent">
<header>
<h2><a href="#" title="About Photography">About Photography</a>
</header>
<content>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
</article>

</div>
<footer class="footer">

<p>All rights reserved &copy </p>

最佳答案

问题是你的标记 a.k.a (HTML) 你的 CSS 没问题,需要一些改进,所以一定要学习 CSS 和 HTML。

Okay, but what is the mistake you might be asking.

HTML 需要结束标签和开始标签,大多数标签都是成对出现的,就像 body 标签一样:

<body></body>

其他标签自闭

<img src="" alt="" />

如果您还注意到上面的标签有一个叫做 srcalt 的属性,这些是名称/值对,需要用双引号括起来 ".

如果你想在 HTML 和 CSS 上取得进步,这里有一些很好的资源

对于您来说,这里有一个指向 jsFiddle 的链接 带有工作代码。

关于html - 一段时间后CSS无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28366075/

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