2016-11-27 147 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