2016-11-27 249 views
-3

當我用css設計主頁時,一切都變得很好,現在我試圖改變一些樣式,css不起作用。Css代碼不起作用

我已經嘗試了一些CSS驗證程序,並修復了他們告訴我要修復的問題,但沒有任何工作。我的代碼有什麼問題?

css.css:

nav { 
background-color: #20B2AA; 
padding-bottom: 180px; 
margin-top: -10px; 
position: absolute; 

} 
h1 { 
float:left; 
top: 15; 
left: 69; 
position: absolute; 
} 
h3 { 
float:left; 
top: 125; 
right: 169; 
position: absolute; 
} 
h2 { 
float:left; 
top: 160; 
left: 79; 
position: absolute; 
font-size: 220%; 

} 
p5 { 
float:left; 
top: 230; 
left: 80; 
position: absolute; 
font-size: 160%; 
} 
p6 { 
float:left; 
top: 290; 
left: 80; 
position: absolute; 
font-size: 160%; 

} 
p7 { 
float:left; 
top: 350; 
left: 80; 
position: absolute; 
font-size: 160%; 

} 
div { 
float:left; 
top: 235; 
right: 169; 
position: absolute; 
} 
nav p { 
float:right; 
top: 50; 
left: 960; 
position: absolute; 
} 
p2 { 
top: 50; 
left: 740; 
position: absolute; 
} 
p3 { 
top: 80; 
left: 960; 
position: absolute; 
} 
p4 { 
top: 50; 
left: 1200; 
position: absolute; 
} 
Register{ 
background-color: #5fcf80; 
border-color: #3ac162; 
} 

的index.php(鏈接到CSS):

<link rel="stylesheet" type="text/css" href="css.css" /> 

回答

0

有些事情要考慮:

  • 類去.class {property: value;}(我假設所有這些p#都是類?)
  • ID與#id {property: value;}
  • 添加 「PX」 單位topbottomleft & right特性(例如top: 290px;
  • Register會是一個類嗎? (.Register {property: value;}
  • 也儘量避免使用相同的文件名作爲擴展css.css將是最好的styles.css或類似的東西。
+0

1.是的,但CSS驗證告訴我,從#P2去只是P2。 2。我不明白。 3。是的,但無論出於何種原因,我會把它拿回來,即使它沒有效果 – mkd

+0

如果每個p(數字)是一個ID,那麼例如:#p2 {property:value;}是正確的。 – Syden

0

您必須清理瀏覽器的緩存。有時,當css文件很廣泛時,爲了刷新css樣式,您需要重新加載它,因爲您必須清理緩存並重新加載它。

檢查下面的鏈接:

Chrome

Firefox

Internet Explorer