CSS一段時間后無法正常工作
[英]Css not working after a while
問題描述
我是新手，這是我第一次嘗試創建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 © </p>
2 個解決方案
解決方案1
1 2015-02-06 13:04:47
問題在於您的標記又名（HTML），您的CSS沒問題，還需要一些改進，因此請確保您學習CSS和HTML。
好的，但是您可能要問的錯誤是什么。
HTML需要關閉和打開標簽，大多數標簽與body標簽一樣成對出現：
<body></body>
其他標簽是自動關閉的
<img src="" alt="" />
如果您也注意到上面標記有一些所謂的src和alt屬性，這些名稱/值對這些需要關閉和打開雙引號" 。
如果您想在HTML和CSS上取得進步，這里有一些不錯的資源
對於您的示例，這里是帶有工作代碼的jsFiddle的鏈接。
解決方案2
0 2015-02-06 13:11:34
<img src="logo.png"未關閉。
您沒有關閉<nav>元素。
您沒有關閉<h2> <h2><a href="#" title="About Photography">About Photography</a>
替換<content>
另外，您應該關閉<footer> 。
一段時間后，css文件停止工作
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.