<?xml version='1.0' encoding='UTF-8'?>
<rss version='2.0'>
<channel>
<title>waid.ru : Что такое блочная модель в CSS и из каких свойств состоит?</title>
<link>http://waid.ru</link>
<description>Последние сообщения в теме</description>
<generator>Cotonti</generator>
<pubDate>Sat, 02 May 2026 12:27:35 +0000</pubDate>
<item>
<title>Natalia</title>
<description><![CDATA[Все предельно просто. Разметка макета состоит из контейнеров, которые представляют из себя блоки. Блочные элементы в основном служат для визуального отделения содержимого друг от друга и по-умолчанию занимают всю ширину родительского элемента. Кроме блочных элементов есть ещё строчные и строчно-блочные. Блочный элемент представляет из себя прямоугольник, состоящий из нескольких областей: контент, внутренний отступ, внешний отступ и рамка - они в комплексе и образуют блочную модель.<br />
<br />
Визуально блочная модель выглядит так:<br />
<br />
<img src="https://fruntend.com/storage/photos/1/articles/css-interview-questions/box-model.jpg" alt="" /><br />
<br />
  * content (контент) - эта область отвечает за контент, т.е. за все, что находится внутри блока - будь то текст или другие элементы<br />
  * padding (внутренний отступ) - эта область представляет собой пространство между содержимым элемента и его границей. Используя свойства padding-top, padding-right, padding-bottom и padding-left (или сокращенное для всех четырех - padding), это пространство может быть изменено<br />
  * border (рамка) - граница или рамка вокруг элемента. Свойства, влияющие на рамку: border-width, border-style, border-color и их сокращенный вариант - border<br />
  * margin (внешний отступ) - область вокруг элемента, задающая ему внешний отступ для других элементов. Подобно внутреннему отступу, может быть изменено свойством margin и его отдельными сторонами]]></description>
<pubDate>Mon, 13 Feb 2023 08:14:42 +0000</pubDate>
<link><![CDATA[http://waid.ru/forums.php?m=posts&q=451&d=0#post1981]]></link>
</item>
</channel>
</rss>