Вторник, 17.10.2017, 16:21
Приветствую Вас Гость | rss
Меню сайта
Форма входа

Статистика

Онлайн всего: 3
Гостей: 3
Пользователей: 0

Урок 9: Боксовая модель


 Боксовая модель в CSS описывает боксы, генерируемые для HTML-элементов. Боксовая модель также имеет детальные опции для определения полей, рамок, заполнения и содержимого каждого элемента. На диаграмме далее показано, как построена боксовая модель:

 

Боксовая модель в CSS


боковая модель в 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>


Добавив цвет и информацию шрифта этот пример можно представить так:

box

 

В этом примере - два элемента : <h1> и <p>. Боксовая модель этих элементов выглядит так:

боксовая модель


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


Поиск
Календарь
«  Октябрь 2017  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Архив записей

rss
Яндекс.Метрика Каталог@Mail.ru - каталог ресурсов интернет