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.

Резюме

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


 

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

4097. Дистанционное образование средствами сети интернет 40.5 KB
  Введение По прогнозам специалистов, в ближайшие пять лет две трети студентов в развитых странах будут учиться дистанционно. Получая при этом вполне реальные и качественные, а не виртуальные знания. И абсолютно реальный диплом о полученной специально...
4098. Электронное обучение 45.5 KB
  Электронное обучение При всех различиях в методиках, подходах и технологиях все решения электронного обучения так или иначе имеют своей целью обучение людей. Причем решение о внедрении тоже принимается людьми, люди выполняют установку и поддержку, л...
4099. Дистанционное образование 123 KB
  Содержание: Определение дистанционного образования Для чего нужно дистанционное образование Преимущества  Недостатки Нормативные аспекты Источники Дистанционное образование — образование, которое полностью или частично осуществляется с помощью...
4100. Управление маркетингом на предприятии 58 KB
  Управление маркетингом на предприятии Управление маркетингом на предприятии – совокупность служб, отделов, подразделений, в состав которых входят работники, занимающиеся определенным набором маркетинговых функций. Руководитель в сфере маркетинг...
4101. Анализ маркетинговой деятельности предприятия 206.5 KB
  Анализ маркетинговой деятельности предприятия Содержание Введение Глава 1. Теоретические основы анализа маркетинга предприятия 1.1. Анализ эффективности использования маркетинга 1.2. Анализ иммобилизованных внеоборотных активов с точки зрения рацион...
4102. Международные отношения Киевской Руси X – нач.XII веков 431 KB
  Введение. Киевская Русь – одно из самых больших государств средневековой Европы - сложилось в IX в. в результате длительного внутреннего развития восточнославянских племен. Ее историческим ядром было Среднее Поднепровье, где очень рано зародили...
4103. Международная экономическая интеграция на примере Евросоюза 401 KB
  Международная экономическая интеграция — характерная особенность современного этапа развития мировой экономики. В конце XX в. она стала мощным инструментом ускоренного развития региональных экономик и повышения конкурентоспособности н...
4104. Історія України. Соціально-політичні аспекти) 536.5 KB
  У посібнику розглядаються проблеми: соціальні структури і соціальні відносини в українському суспільстві в історичному контексті, їх роль в створенні оригінальної форми державності (до ХІХ ст.). Історія формування та діяльності громадських, культуро...