|
|
Помогая другим, помогаешь себе.
Создадим реальнyю виртyальность !
Урок 9: Боксовая модель
Боксовая
модель в CSS описывает боксы, генерируемые для HTML-элементов. Боксовая
модель также имеет детальные опции для определения полей, рамок,
заполнения и содержимого каждого элемента. На диаграмме далее показано,
как построена боксовая модель:
Боксовая модель в CSS
Эта
иллюстрация может показаться слишком научной, поэтому попытаемся
использовать эту модель на конкретном примере с заголовком и текстом.
HTML нашего примера таков:
<h1>Article 1:</h1>
<p>All human beings are born free
и equal in
dignity и rights.
They are endowed with reason и conscience
и should act towards one another in a
spirit of brotherhood</p>
|
Добавив цвет и информацию шрифта этот пример можно представить так:
В
этом примере - два элемента : <h1> и <p>. Боксовая модель этих элементов выглядит так:
Хотя
это может показаться немного сложным, тем не менее, видно, что каждый
HTML-элемент окружён боксом. Боксом, который можно настроить с по
|
