2016-11-27 8 views
-3

私は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はとなります
  • "px"単位をtopbottomleft & rightに追加します(例: top: 290px;
  • Registerも同様ですか? (.Register {property: value;}
  • また、拡張子css.cssと同じファイル名を使用しないようにしてください。styles.cssなどが最適です。
+0

1.はいますが、CSSのバリデータは、ちょうどP2に#P2から行くように私に言いました。 2。わかりません 。 3。はい、しかし何らかの理由で私はそれを取り出しましたが、それは効果がなかったとしても戻します。 – mkd

+0

各p(ID)がIDの場合、たとえば#p2 {property:value;}は正しいでしょう。 – Syden

0

ブラウザのキャッシュを消去する必要があります。場合によっては、CSSファイルが大規模で、CSSスタイルをリフレッシュするためには、再度ロードする必要があります。そのためには、キャッシュを消去してリロードしなければなりません。

以下

チェックリンク:

Chrome

Firefox

Internet Explorer

関連する問題