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 | |
Цель работы: Построение пусковой характеристики технологического процесса. Сравнение способов математического представления звена с запаздыванием. Формирование ПИД - закона регулирования. Определение оптимальных параметров ПИ... | |||