12788

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

Практическая работа

Информатика, кибернетика и программирование

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

Русский

2013-05-03

24.21 KB

10 чел.

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

Боксовая модель в 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-элемент окружён боксом. Боксом, который можно настроить с помощью CSS.

Резюме

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


 

А также другие работы, которые могут Вас заинтересовать

76269. Проведення судово-психологічної експертизи 20.22 KB
  У процесі судово-експертного дослідження проводиться ретроспективний аналіз психологічний аналіз результатів діяльності людини. обвинувачуваного у скоєнні вбивства була призначена судовопсихологічна експертиза з метою визначення чи перебував обвинувачений у момент...
76270. Поняття цивілізації. Типологія цивілізацій та контакти між цивілізаціями в часі 97.83 KB
  За багатьма ознаками нашу епоху можна назвати переломною історичною епохою, коли особливо гостро постають питання пошуку джерел та нових суспільних форм соціально-політичного та економічного розвитку, його гармонізації із соціальними відносинами та навколишнім природнім середовищем.
76271. Сутність та роль фінансової звітності 68.64 KB
  Саме завдяки фінансовій звітності рівень достовірності якої підтверджено аудитором формуються передумови здійснення значних фінансовогосподарських операцій. Ці вигоди можливо отримати завдяки ефективному використанню достовірної облікової інформації яка міститься у фінансовій звітності...
76272. ЭКОЛОГИЧЕСКИЕ ФАКТОРЫ И ИХ ВЛИЯНИЕ НА ЗДОРОВЬЕ 51.72 KB
  Все процессы в биосфере взаимосвязаны. Человечество - лишь незначительная часть биосферы, а человек является лишь одним из видов органической жизни. Разум выделил человека из животного мира и дал ему огромное могущество.
76273. Фонетика в латинском языке 30.12 KB
  В классическом латинском языке ударение согласно свидетельствам античных грамматиков было музыкальным повышение тона на ударном гласном; место ударения практически полностью определялось фонологической структурой слова.
76274. Олимпийские игры 91.35 KB
  Приняли участие лучшие спортсмены северных стран Норвегии Финляндии Швеции. Во всех дисциплинах лыжного спорта победителями оказались спортсмены Норвегии. Непревзойденными в хоккее были спортсмены Канады имевшие огромное преимущество над соперниками.
76275. ИНФЕКЦИОННЫЙ ЭНДОКАРДИТ 34.82 KB
  Наряду с этим к значимым факторам риска ИЭ у детей и подростков относятся пролапс митрального клапана особенно с миксоматозным утолщением клапанных створок и митральной регургитацией длительно стоящие катетеры центральных вен и перенесенные операции на сердце.
76276. Ишемический инсульт 19.56 KB
  Прежде всего на МРТ не визуализируется типичный эффект потери сигнала от сосудов в зоне патологии. В течение первых 3 сут развития инфаркта мозга на МРТ с контрастированием примерно в 30 случаев может наблюдаться усиление сигнала от соседней твердой мозговой оболочки.
76277. Операционные системы 51.7 KB
  Специфика ОС проявляется и в том каким образом она реализует сетевые функции: распознавание и перенаправление в сеть запросов к удаленным ресурсам передача сообщений по сети выполнение удаленных запросов.