Что не так, если я это сделаю?

Question

CSS

#web { 

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

HTML

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

Я не знаю, что происходит не так. Можете ли вы изменить и сказать мне, что случилось? Благодаря

http://jsfiddle.net/mzJV9/

Форматирование не влияет на текст внутри ..

Положение по-прежнему такой же ??

Answer 1

Изменение #web в .web

или

изменить класс = "веб" в ид = "веб".

Answer 2

И, если это не просто промах при копировании кода, вы пропустили закрытие скобки по стилю.

Все вместе, это должно быть так:

CSS:

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

HTML:

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

Это также хороший момент, чтобы не использовать идентификаторы для укладки, когда это возможно.

Answer 3

В CSS есть разница между идентификаторами и селекторами классов.

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

Ваш стиль может быть сделано различными способами:

/* 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 { 

} 

Если ваш случай вы можете решить проблему, изменив селектор CSS для .web (для доступа к классу вашего дел) или путем изменения 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>

и следовать дальше от unclenorton в комментарии о нас из class и id: Я не знаю, если это строгое требование стандартов, но я всегда делал это и получил тот же совет от нескольких человек:

Используйте id s для div s, которые используются только один раз - например, макеты разделов, которые предоставляют разные «разделы» вашей страницы. И используйте class es для повторения div s, например a sidebarItemdiv.

В любом случае, убедитесь, что вы совместимы в своем коде - это сделает вашу жизнь намного проще; особенно если вы можете поддерживать эту согласованность между проектами, так как это станет для вас второстепенным.