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.

Резюме

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


 

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

6801. Электронная таблица Microsoft Office 40 KB
  Электронная таблица MicrosoftOffice Задание: Построить таблицу значений координат двух графиков F1 и F2. По полученной таблице создать диаграмму с тремя графиками: F1, F2 и их суммы. Найти среднее значение на заданном диапазоне для каждо...
6802. Определение параметров электрических колебаний 208 KB
  Цель работы: В лабораторной работе ставится целью определение параметров электрических колебаний по их осциллограммам. Содержание отчета. Измерение параметров синусоидального напряжения с помощью осциллографа. Схема исследуемой электр...
6803. Измерение постоянного напряжения и силы электрического тока 173 KB
  Измерение постоянного напряжения и силы электрического тока. Цель работы: ознакомиться с измерительными приборами, изучить методику измерений постоянных напряжений и токов, определения погрешностей и обработки результатов эксперимента. Теорети...
6804. Автоматизация разметки блок-схем алгоритмов 84.4 KB
  Автоматизация разметки блок-схем алгоритмов. Номер зачётной книжки: 831910 =100000011111112 Алгоритм обнаружения бесконечных циклов: Проверяем все операционные вершины на наличие перехода назад, если есть переход назад - помечаем блок д...
6805. Пасивне мережеве обладнання 109 KB
  Мета роботи: дослідити принципи побудови та функціонування мереж типу Ethernet. Теоретична частина Загальні відомості. Ethernet був започаткований у 1970 році (Dr. Robert M. Metcalfe) в дослідницькому центрі фірми Xerox. Перша система Ethernet...
6806. Ограничения целостности в SQL Oracle 188.5 KB
  Ограничения целостности в SQL Oracle Цели лабораторной работы Изучить возможности SQL Oracle по описанию и поддержанию ограничений целостности. Приобрести практический опыт по описанию ограничений целостности. Теоретические о...
6807. Измерение сопротивления прямым и косвенным методами 68 KB
  Измерение сопротивления прямым и косвенным методами. Подготовка приборов к измерению сопротивления В7-26 Переключатель рода работ перевести в положение r и проверить нулевое положение указателя при замкнутых накоротко гнездах...
6808. Одержання тонкоплівкових структур термічним випаровуванням у вакуумі 66.5 KB
  Одержання тонкоплівкових структур термічним випаровуванням у вакуумі Ціль роботи: ознайомлення з методом осадження тонкоплівкових покриттів з пари речовини, що випаровується у вакуумі. Робота містить у собі одержання металевих плівок методом термічн...
6809. Базова VLAN Конфігурація 572 KB
  Базова VLAN Конфігурація Діаграма топології Таблиця адрес Пристрій (Ім'я хоста) Інтерфейс IP адрес Маска підмережі Шлюз по замовчуванню S1 VLAN 99 172.17.99.11 255.255.255.0 N/A S2 VLAN....