Встроенные контейнеры. Контейнерный Web-дизайн Использование свойства translateY и top



теги html (8)

В настоящее время я изучаю html / css и заметил, что общая методика заключается в том, чтобы разместить общий контейнер div в корне тега body:

... ...

Есть ли веская причина для этого? Почему css не может ссылаться на тег тела?

Это одна из самых больших вредных привычек, совершаемых сторонними кодировщиками.

Все ответы выше меня ошибаются. Тело действительно принимает ширину, поля, границы и т. Д. И должно действовать как ваш первоначальный контейнер. Элемент html должен действовать как ваш фоновый «холст», как он был предназначен. На десятках сайтов, которые я сделал, мне нужно было использовать только контейнер div.

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

Не делай этого. Используйте divs экономно и нацелитесь на точную разметку.

ОБНОВЛЕНИЕ - Не уверен, что случилось с SO, потому что я могу отредактировать этот ответ с 5 лет назад, но я не могу ответить на комментарии, поскольку он говорит, что мне нужно 50 Rep, прежде чем я смогу это сделать. Соответственно, я добавлю свой ответ на ответы, полученные здесь. - = - = -

Я только что нашел это, спустя годы после моего ответа, и вижу, что есть некоторые последующие ответы. И, конечно же, вы шутите?

Установленный сайт-заполнитель, который вы нашли для моего домена, который я никогда не утверждал, был моей разметкой или стилем или даже упоминался в моем сообщении, был очень четко базовым CMS-установкой с одним словом контента (он так же сказал на главной странице). Это не моя разметка и стиль. Это был шаблон Silverstripe по умолчанию. И я не беру на себя ответственность за это. Это, однако, возможно, один из двух примеров, о которых я могу думать, что это потребует контейнера div.

Пример 1. Общий шаблон, предназначенный для размещения неизвестных. В этом случае вы видите шаблон CMS по умолчанию, в котором есть div внутри div внутри div.

Пример 2: макет из трех столбцов, чтобы получить нижний колонтитул для правильной очистки (я думаю, что это был, вероятно, сценарий, который мне нужен, чтобы контейнер-контейнер был трудно запомнить, потому что это было много лет назад.)

Я только что создал (еще не закончил) тему для своего домена и начал загружать контент. Для этого легко достигнутого примера семантической разметки щелкните ссылку.

Честно говоря, я озадачен тем, что люди думают, что вам действительно нужен контейнер-контейнер, и начинайте с него, прежде чем даже пытаться просто создать тело. Тело, как я слышал, однажды объяснил один из оригинальных авторов спецификации CSS, было предназначено как «исходный контейнер».

Пометка должна быть добавлена ​​по мере необходимости, а не потому, что это так, как вы ее видели.

По умолчанию большинство браузеров берут размер веб-страницы. Таким образом, некоторая страница не будет отображаться одинаково в разных браузерах. Таким образом, использование пользователя может измениться для конкретного элемента HTML. Например, пользователь может добавить маркер, размер, ширину и высоту определенного HTML-тега.

Некоторые браузеры ( Internet Explorer) не поддерживают определенные свойства на теле, в частности width и max-width .

Самые распространенные причины для меня таковы:

  • Макет может иметь фиксированную ширину (да, я знаю, я много работаю для дизайнеров, которые любят фиксированную ширину), и
  • Таким образом, макет можно сосредоточить, применяя text-align: center к телу, а затем margin: auto влево и вправо от div контейнера.

    • Я знаю, что это старый вопрос, но я столкнулся с этой проблемой, переделав веб-сайт. Трой Далмассо заставил меня задуматься. Он делает хороший момент. Итак, я начал видеть, могу ли я заставить его работать без контейнера div.

    Я мог бы, когда я установил ширину тела. В моем случае - 960 пикселей.

    Это css, который я использую:

    html { text - align : center ; } body { margin : 0 auto ; width : 960px ; }

    Это прекрасно центрирует встроенные блоки, которые также имеют фиксированную ширину.

    Надеюсь, это полезно для всех.

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

    Это позволяет вам размещать контент на странице, одновременно стирая фон или другие эффекты без проблем. Рассматривайте это как «Кадр» для контента.

    У контейнера div очень хорошо, потому что, если вы хотите, чтобы сайт был центрирован, вы просто не можете сделать это только с телом или html ... Но вы можете, с divs. Почему контейнер? Его обычно используют, только потому, что его код должен быть чистым и читаемым. Так что это контейнер... Он содержит весь сайт, на случай, если вы захотите его обмануть:)

    Теги div используются для стилизации веб-страницы, чтобы она выглядела визуально привлекательной для пользователей или аудитории веб-сайта. использование контейнера-div в html сделает сайт более профессиональным и привлекательным, и поэтому больше людей захотят изучить вашу страницу.

    В основе языка HTML лежит понятие «тэг» (англ.: tag -ярлычок, этикетка). Тэги заключаются в угловые скобки (< >) и образуют пары – контейнеры (открывающий тэг и закрывающий). Например, контейнером HTML документа является пара тэгов и . В web-странице включены контейнеры, отвечающие за заголовок документа (голова) и содержат дополнительную информацию, а также контейнеры, отвечающие за само содержание документа (тело). Они представлены на рисунке.

    Итак HTML документ заключается в контейнер , заголовок в контейнер , а содержание документа в контейнере . Контейнер , расположенный в заголовке (контейнере ) содержит текст, отображающийся в верхней строке окна браузера. В контейнер заголовка также могут быть добавлены тэги, содержащие кодировку, ключевые слова web-страницы, а также код для подключения файлов каскадных таблиц стилей CSS, языка программирования jаvascript, VBScript и т.д.

    Пример простейшей HTML странички, содержащей только основные тэги:

    Название страничкиСодержание простейшей странички

    Результат работы указанного кода изображен на рисунке.

    Как видно из примера текст «Содержание простейшей странички» отображается обычным текстом. Для того чтобы произвести форматирование этого текста, необходимо использовать специальные тэги. Пример использования тэгов форматирования представлен на рисунке.

    Для изменения шрифта, его цвета и размера используется тэг с параметрами “face”, “color” и “size”. Например для того чтобы задать шрифт “arial” красного цвета и 14 размера необходимо написать следующий код:

    Форматируемтекст

    Для выделения абзаца в тексте используется тэг

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

    Для формирования списков в теле документа используются контейнеры , и . Причем тэг формирует нурмерованный список, тэг