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.

Резюме

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


 

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

2775. Исследование и применение зеркального гальванометра 236 KB
  Исследование и применение зеркального гальванометра Приборы и принадлежности: гальванометр М17, лабораторная панель, длинный соленоид, катушка на вращающейся подставке. Введение. Гальванометр – это электроизмерительный прибор высокой чувствител...
2776. Измерение индукции магнитного поля электромагнита 57 KB
  Измерение индукции магнитного поля электромагнита Приборы и принадлежности: электромагнит, весы Ампера, разновес, два стабилизированных источника постоянного тока. Введение. Согласно закону Ампера на элемент тока  в магнитном поле действует сил...
2777. Изучение эффекта холла в полупроводниках 138.5 KB
  Изучение эффекта холла в полупроводниках Приборы и принадлежности: датчик Холла, электромагнит, два источника питания постоянного тока, милливеберметр, миллиамперметр, цифровой вольтметр. Введение. Одним из наиболее интересных гальваномагнитных явле...
2778. Определение точки кюри ферромагнетиков 119.5 KB
  Определение точки кюри ферромагнетиков Приборы и принадлежности: электрические печи с ферромагнитными образцами, автотрансформатор РНШ (регулятор напряжения школьный), амперметр, термопара, два милливольтметра. Введение. Основные особенности феррома...
2779. Определение магнитного момента протона 275.5 KB
  Определение магнитного момента протона Приборы и принадлежности, электромагнит ЭМ-1, источник питания постоянного тока Б5-49, измеритель магнитной индукции Ш1-9, частотомер Ч3-44, амперметр постоянного тока. Введение. Магнитное поле в веществе созда...
2780. Изучение компенсационного метода измерений 37.08 KB
  Изучение компенсационного метода измерений. Цель работы. Ознакомиться с компенсационным методом измерений. Произвести измерения с помощью потенциометра ПП-63. Компенсационный метод применяется для точного измерения ЭДС, напряжения и потенциала.
2781. Электростатическое моделирование электростатического поля 48 KB
  Цель работы: изучить свойства электростатического поля, изучить метод электростатического моделирования электростатического поля. Теория. Суммарный заряд электрически изолированной системы не может изменяться. Это закон сохранения электрического зар...
2782. Изучение резонанса токов и напряжений 245 KB
  Изучение резонанса токов и напряжений Приборы и принадлежности. Реостат, катушка с выдвигаемым железным сердечником, магазин емкостей, амперметр, вольтметр. Резонанс напряжений. Рассмотрим электрическую цепь, состоящую из соединенных последовательно...
2783. Формирование рациональной структуры технологического объекта с ПИД регулятором 237 KB
  Цель работы: Построение пусковой характеристики технологического процесса. Сравнение способов математического представления звена с запаздыванием. Формирование ПИД - закона регулирования. Определение оптимальных параметров ПИ...