12788

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

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

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

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

Русский

2013-05-03

24.21 KB

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

Резюме

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


 

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

4016. Разработка рекомендации по улучшению существующего комплекса маркетинга предприятия УралАвтоХаус 160.5 KB
  Введение Город Магнитогорск является вторым по величине и экономической значимости городом в Челябинской области. Так как в городе расположено одно из крупнейших производств, связанных с черной металлургией, Магнитогорск является достаточно богатым...
4017. Контрольная работа. Линейная алгебра 131.5 KB
  Задача 1. Дана система трех линейных уравнений. Найти решение ее двумя способами: методом Крамера и методом Гаусса. Задача 2. Даны координаты вершин пирамиды А1А2А3А4. Найти: 1. длину ребра А1А2 2. угол между ребрами А1А2 и А1А4 3. площадь грани А1А...
4018. Автоматическая компенсация температурной зависимости дрейфа нуля и чувствительности в датчиках давления на КНС-структурах 503 KB
  Введение Гетероэпитаксиальные слои кремния на сапфире (КНС) впервые были получены в середине 60-х годов XX в. и сразу привлекли к себе внимание как специалистов по полупроводниковому материаловедению, так и разработчиков твердотельных микросхем. В п...
4019. Повышение экономической эффективности налогообложения 108 KB
  Повышение экономической эффективности налогообложения предполагает минимизацию избыточного налогового бремени. Однако на практике основная часть налоговых поступлений приходится, как правило, на обложение доходов, прибыли и добавленной стои...
4020. Нетрадиционно возобновляемые источники энергии 123 KB
  Введение В настоящее время во всем мире наблюдается повышенный интерес к использованию в различных отраслях экономики нетрадиционных возобновляемых источников энергии (НВИЭ). Ведется бурная дискуссия о выборе путей развития энергетики. Это связано, ...
4021. Виды и принципы действия электросвязи. Мультимедийные технологии 308 KB
  Краткая информация о видах электросвязи Электросвязь - передача информации посредством электрических сигналов, распространяющихся по проводам (проводная связь), или (и) радиосигналов (радиосвязь). К электросвязи относят, кроме того, передачу информа...
4022. Чрезвычайные ситуации социального характера и защита от них 1.63 MB
  Чрезвычайные ситуации социального характера и защита от них Предисловие Преподавание дисциплины «Безопасность жизнедеятельности» началось в российских вузах в 1990-х годах. И это далеко не случайно. В условиях социальной нестабильности, перманентных...
4023. Чрезвычайные ситуации социального характера 2.21 MB
  ЧС социального характера – это обстановка на определенной территории, сложившаяся в результате возникновения опасных противоречий и конфликтов в сфере социальных отношений, которые могут повлечь или повлекли за собой человеческие жертвы...
4024. Цех по производству стропильных балок покрытия производительностью 5200 м3/год 1.69 MB
  Цех по производству стропильных балок покрытия производительностью 5200 м 3 год Введение Развитие производства и применение сборного железобетона базируется на дальнейшей специализации предприятий по выпуску по выпуску однотипной продукции...