CSS: Показать свойство, блок - PullRequest
Новая
       3

CSS: Показать свойство, блок

1 голос
/ 23 декабря 2010

Я все еще учусь делать макеты с помощью CSS.
После заимствования некоторого CSS с другого веб-сайта для игры,
Я заметил, что, если я удалю это из CSS:*

, что мой заголовок не будет в центре.Если я удаляю это из файла CSS, изображение заголовка становится очень маленьким и остается в верхнем левом углу.Прочитав о свойстве display, я не могу понять, почему оно контролирует центрирование.Может ли кто-нибудь просто / кратко объяснить это мне?

Ответы [ 2 ]

3 голосов
/ 23 декабря 2010

http://www.quirksmode.org/css/display.html

Прокрутите страницу вниз для подробного объяснения и примеров того, что делает display: block.

К вашему сведению: код, который вы разместили, не обязательно будет делать что-либо в браузерепарсинг документа как HTML 4 (но будет в браузере, поддерживающем HTML 5).

В нем говорится, что для тега "header" (которого нет в HTML 4) должно быть установлено значение display: block.Таким образом, произойдет одно из четырех:

  1. Браузер распознает его как HTML 5 и применит стиль.
  2. Браузер выполнит произвольное сопоставление с шаблоном и применит стиль, даже если онне знает тег.
  3. Браузер ничего не сделает.
  4. Браузер будет следовать только некоторым инструкциям CSS.

РЕДАКТИРОВАТЬ: вот документация поновый тег header в HTML 5: http://html5doctor.com/the-header-element/

РЕДАКТИРОВАТЬ # 2: За исключением любых других конфликтующих стилей на странице , это обеспечит центрированный заголовок. 

<style>

H1 {
    text-align: center;
}

</style>

<h1>Some text to be centered</h1>
0 голосов
/ 23 декабря 2010

display: block означает, что элемент отображается как блок, как всегда были абзацы и заголовки. Блок имеет несколько пробелов над и под ним и не допускает никаких элементов HTML рядом с ним, за исключением случаев, когда заказано иначе (например, путем добавления объявления с плавающей точкой в ​​другой элемент). более

...