これを行うとどうなりますか？

Question

CSS

#web { 

position:absolute; 
left:26%; 
top: 60%; 

HTML

<div class="web"> 
HI 
</div> 

私が間違って何が起こっているのか分かりません。変更して何が間違っているか教えてください。おかげ

http://jsfiddle.net/mzJV9/

フォーマットが内部のテキストには影響しません。..

位置は同じです?? ID = "ウェブ" に

または

変更クラス= "ウェブ" を.webする

Answer 1

変更#web。

Answer 2

コードをコピーしている間にそれが欠けているだけではない場合は、スタイルで閉じ括弧が欠落しています。すべて一緒に

、それは次のようにする必要があります：

CSS：

.web { 
position:absolute; 
left:26%; 
top: 60%; 
} 

HTML：

<div class="web"> 
HI 
</div> 

また、可能な限りスタイリングのためにidを使用しないように良い点です。

Answer 3

CSSでは、Idとクラスセレクタの違いがあります。

/* Set CSS based on a class (prefix . to the class name) */ 
.mydivclass { 
    /* */ 
} 

/* Set CSS based on the ID (prefix # to the ID) */ 
#div1 { 
    /* */ 
} 

/* Set CSS based on the element type - no prefix */ 
div { 

} 

あなたのケースは、あなたが（あなたのdivのクラスにアクセスするため）.webにあなたのCSSセレクタを変更したり、あなたを変更することで問題を解決できる場合：あなたのスタイリングはさまざまな方法を行うことができます

<div id="div1" class="mydivclass"> 
    My content! 
</div> 

div IDはwebになります。また、すべてのCSSスタイルに閉じ括弧が付いていることを確認してください。

Answer 4

あなたは書式設定CSSでクロージング}を追加して、ここで他の回答の一部を繰り返すが、この

<div class="web"> 
HI 
</div> 

この

<div id="web"> 
HI 
</div> 

Answer 5

に変更...

.プレフィックスへCSSセレクタはclass、#という接頭辞はidを示します。ですから、例えば：

CSS：

.myClass{/*some style information here*/}

HTML：

<div class="myClass"><!-- Some content here --></div>

は正しいです。あるとおり：

CSS：

#myID{/*some style information here*/}

HTML：

<div id="myID"><!-- Some content here --></div>

そしてclassとidの私達についてunclenortonさんのコメントからでフォローする：私はかどうかを知りませんそれは厳しい基準要件ですが、私はいつもこれをしていくつかの人々から同じアドバイスを受けました：

idをdivに使用すると、ページの異なる「セクション」を表示するレイアウトdivなど、1回のみ使用されます。そして、div秒を繰り返すのにclassを使用します。たとえば、sidebarItemdivです。

あなたのコードに一貫性があることを確認してください。あなたの人生を楽にしてくれるでしょう。特にプロジェクト間の一貫性を保つことができれば、それはあなたにとって第二の性質になるでしょう。