Css body
Автор Алексей задал вопрос в разделе Другие языки и технологии
Чем отличаются теги html и body в контексте CSS ? и получил лучший ответ
Ответ от Александр Ермилов[гуру]
ну, хоть и не так все просто (это не совсем обычные контейнеры) , но можно считать их таковыми — контейнер body вложен в контейнер html
соответственно, им можно задать фон, рисунок, размеры (в том числе и разные, естественно — у body свои, у html — свои) …
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
html { padding:20px; background:#6CF; }
body { padding:0; margin:0 auto; width:200px; background:#FFC; }
</style>
</head>
<body>
<p>Test</p>
</body>
</html>
если укааны оба селектора — значит это зачем-то нужно) )
хотя может быть и просто перестраховка. — это часто используется для устранения проблем с IE6, поэтому у многих вошло в привычку.
как раз в данном примере указание размера для body обязательно. — body вовсе не занимает все окно по умолчанию.
хотя если указать фон только для body, не указывая его для html, фон займет все окно. но не сам контейнер body!
тест в доказательство: )
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<style type="text/css">
html { padding:20px; }
body { padding:0; margin:0 auto; width:200px; background:#FFC; border:1px solid red; }
</style>
</head>
<body>
<p>Test</p>
</div>
</body>
</html>
HTML - это обозначение того, что это HTML документ
тег BODY - начало "тела" программы с основными операторами или свойствами
PS автор указад и THML и BODY, потому, что БЕЗ BODY работать НЕ будет
возможен такой вариант
можно написать просто html страницу
без тела
(пример
html
p
привет
/p
/html
).
а что касается body
то это как правило фоновый рисунок страницы
тогда как там можно написать блоктипа
table
Это т. н. сброс (обнуление) параметров. Для различных типов браузеров значения по умолчанию тегов различны.
Указания только этих 2-х тегов не гарантирует сброса всех параметров с целью их одинакового отображения во всех браузерах.
представлен css-файл, в котором предусмотрен сброс всех проблемных селекторов.
Удачи! 🙂
автор тот тупица однозначно. теги это объекты среды ты разберись а на тот сайт не ходи больше там толковому не научат.
HTML/CSS. Как элементы тега body отобразить четко посередине?
Первый коммент жжет (ниже будет почему) .
Второй вообще устарел лет на 5 минимум.
В
подробнее...
Как сделать в html или css чтобы фон чтобы растянулся по ширине сайта?
Между соответствующими тегами для body пишешь css-код внутри фигурных скобок:
,,,,
,,,,
подробнее...
CSS. может, это и тупо, но я не совсем втыкаю как его вязать с нтмл.
Вот простой пример с отдельным файлом css
Привязка к файлу идёт в head в строке link
подробнее...
Как зафиксировать и растянуть фон на экране в HTML/CSS?
В стилях для body
body {
margin: 0;
padding: 0;
position: relative;
подробнее...
как вставить в html картинку На фон, что писать после <body>???
Ivantrs, мне больше нравится xiper.net
подробнее...
Делаю таблицу в html документе. Вокруг таблицы есть отступы примерно 10px. Как их убрать?
у таблицы по умолчанию внешний отступ (margin) и так нулевой.
если ничего не прописывалось, то
подробнее...
Что надо прописать в текстовом документе формата "html" чтоб при его открытие был фон?
background
Элемент <body> предназначен для хранения содержания веб-страницы
подробнее...
Как сделать таблицу с помощью div'ов
<style type="text/css">
body {
margin: 0;
padding: 50px;
Наложить цвет на картинку HTML
расположить отдельный div перед картинкой и применить функцию rgba и свойство
подробнее...
CSS body заливка (фон)
ты выложи хоть свой сайт (мы бы увидели в живую). . так проще будет.. ты может чем-то перебиваешь
подробнее...
Рабочий стол в Windows 7. Как поставить GIF анимацию, чтоб она двигалась???
Гифку не поставишь никак, а вот анимированные обои сделать - как два пальца ..
Устанавливаешь
подробнее...
Как удалить код JavaScript и CSS блокирующий отображение верхней части сайта на WordPress для GOOGLE PageSpeed Insights?
JS перенеси перед закрывающимся body. там же на pagespeed после проверки можеш скачать
подробнее...
Что такое css препроцессор, простыми словами?
Это шутка, которая одним упрощает жизнь, а другим, наоборот, усложняет. Это CSS с другим
подробнее...
CSS - media запросы для телефонов - не работают
@media screen and (min-width: 300px) {
...тут ваши стили
body{...}
h1{...}
и
подробнее...