Навигация
Главная
Поиск
Форум
FAQ's
Ссылки
Карта сайта
Чат программистов

Статьи
-Delphi
-C/C++
-Turbo Pascal
-Assembler
-Java/JS
-PHP
-Perl
-DHTML
-Prolog
-GPSS
-Сайтостроительство
-CMS: PHP Fusion
-Инвестирование

Файлы
-Для программистов
-Компонеты для Delphi
-Исходники на Delphi
-Исходники на C/C++
-Книги по Delphi
-Книги по С/С++
-Книги по JAVA/JS
-Книги по Basic/VB/.NET
-Книги по PHP/MySQL
-Книги по Assembler
-PHP Fusion MOD'ы
-by Kest
Professional Download System
Реклама
Услуги

Автоматическое добавление статей на сайты на Wordpress, Joomla, DLE
Заказать продвижение сайта
Программа для рисования блок-схем
Инженерный калькулятор онлайн
Таблица сложения онлайн
Популярные статьи
OpenGL и Delphi... 65535
Форум на вашем ... 65535
HACK F.A.Q 65535
Бип из системно... 65535
Гостевая книга ... 65535
Invision Power ... 65535
Пример работы с... 65535
Содержание сайт... 65535
ТЕХНОЛОГИИ ДОСТ... 65535
Организация зап... 65535
Вызов хранимых ... 65535
Создание отчето... 65535
Программируемая... 65535
Эмулятор микроп... 65535
Подключение Mic... 65535
Создание потоко... 65535
Приложение «Про... 65535
Оператор выбора... 65535
Модуль Forms 65535
Имитационное мо... 61215
Реклама
Сейчас на сайте
Гостей: 8
На сайте нет зарегистрированных пользователей

Пользователей: 13,124
новичок: alejka
Новости
Реклама
Выполняем курсовые и лабораторные по разным языкам программирования
Подробнее - курсовые и лабораторные на заказ
Delphi, Turbo Pascal, Assembler, C, C++, C#, Visual Basic, Java, GPSS, Prolog, 3D MAX, Компас 3D
Заказать программу для Windows Mobile, Symbian

База данных студентов на Turbo Pascal (Списки) + Пояснительная записка
Моделирование ЭВМ на GPSS (три класса заданий) + Пояснительная записка
Моделирование работы крупного аэропорта на GPSS + Пояснительная записка

Реклама



Подписывайся на YouTube канал о программировании, что бы не пропустить новые видео!

ПОДПИСЫВАЙСЯ на канал о программировании
Форматирование на уровне блока
Один из способов планировки HTML-документов получил название модели с контейнерами (box model). В ней маленькие контейнеры заполняют все пространство, отведенное под контейнеры средних размеров, которые в свою очередь размещаются. Самый большой контейнер можно ассоциировать с элементом html, охватывающим в документе все остальные. Следующий по размерам «ящичек» для модели - элемент body, содержащий самые маленькие контейнеры - абзацы, таблицы, списки, заголовки и т.д.
Элементы языка XHTML можно разделить на две группы: элементы блочного уровня и внутренние (inline) объекты. В браузере отображение элементов блочного уровня (заголовков, абзацев и встроенного потокового объекта div) всегда начинается с новой строки. В отличие от них внутренние элементы (вида em, strong, span) размещаются только в текущей строке.
Внимание! С помощью CSS-свойства display можно изменить модель
отображения элементов, однако для использования такого механизма необходимы очень серьезные причины. Поэтому рекомендуется исключить действия, направленные на изменение семантики, которая закреплена за каждым объектом. В случае необходимости подберите элемент с корректной семантикой и работайте с ним.
Для каждого элемента блочного уровня можно указать три окружающих его области: margin - поле, border - обрамление и padding - заполнение (рис. 11.5). Эти области обычно задаются с указанием их ширины и высоты. При отображении они определяют интервалы между блоками. Область границы служит для цветового или любого другого выделения рамки элемента.
Пример. В документе, представленном в листинге 11.2, есть элемент «заголовок» и два простых абзаца. Для демонстрации свойств областей блочного элемента определены два правила стиля, использующие селекторы hi и р.
Ширина граничных элементов, окружающих заголовок сверху и снизу и окрашенных зеленым цветом, составляет десять пикселов. Линии рамок, ограничивающие абзацы со всех сторон, отображаются фиолетовым цветом, их ширина составляет два пиксела. Каждый абзац отодвинут от левого края экрана на 4 em (em - высота шрифта элемента), содержательная часть по внутреннему периметру отделена от границ рамки (область заполнения) полями шириной 1 em.
Листинг 11.2 содержит простой XHTML-документ, к которому применяются каскадные таблицы стилей из файла box.css.
Листинг 11.2. Документ, в котором использованы стили из файла box.css
<html> <head>
<link rel="stylesheet" href="box.ess">
</head> <body>
<hl>Bbi в Kypce?</hl>
<р>Приведенная ниже фраза содержит все буквы латинского алфавита.
Наверняка этот пример знаком тем, кто учится машинописи.</р>
<p>The quick brown fox jumped over the lazy dog.</p>
</body>
</html>
В листинге 11.3 записаны правила стиля для свойств элементов-блоков. Стиль применяется к XHTML-документу, представленному в листинге 11.2.
Листинг 11.3. Правила стилей для элементов-блоков в XHTML-документе
hi {border-top-width:Юрх; border-bottom-width:Юрх; border-style:solid; border-color:green;}
p {border-width:2px; border-color purple-padding: 1 em; margin-left:4em;}
На рис. 11.6 представлен результат применения правил стиля к исходному документу, в частности поля заполнения, окружающие с четырех сторон текстовые блоки и отделяющие их от внутренних границ соответствующих рамок, а также увеличенные поля отступа абзацев от левого края экрана.
Опубликовал vovan666 Апрель 08 2013 18:57:32 · 0 Комментариев · 3112 Прочтений · Для печати

• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •


Комментарии
Нет комментариев.
Добавить комментарий
Имя:



smiley smiley smiley smiley smiley smiley smiley smiley smiley
Запретить смайлики в комментариях

Введите проверочный код:* =
Рейтинги
Рейтинг доступен только для пользователей.

Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.

Нет данных для оценки.
Гость
Имя

Пароль



Вы не зарегистрированны?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Поделиться ссылкой
Фолловь меня в Твиттере! • Смотрите канал о путешествияхКак приготовить мидии в тайланде?
Загрузки
Новые загрузки
iChat v.7.0 Final...
iComm v.6.1 - выв...
Visual Studio 200...
CodeGear RAD Stud...
Шаблон для новост...

Случайные загрузки
RAS
Иллюстрированный ...
SMExport
Динамические за...
Программа "AutoRu...
DemoEdit [Исходни...
Создание меню на ...
Доступа к БД Fire...
Экспорт базы данн...
Игра Car [Исходни...
Разработка Web-пр...
Fig [Исходник на ...
Время загрузки ...
Pro-Download Sys...
100 компонентов о...
Язык программиров...
TMS
Экранная лупа
Encrypt Decrypt
Просмотр коммент...

Топ загрузок
Приложение Клие... 100539
Delphi 7 Enterp... 92503
Converter AMR<-... 20107
GPSS World Stud... 15732
Borland C++Buil... 13270
Borland Delphi ... 9272
Turbo Pascal fo... 7121
Калькулятор [Ис... 5252
Visual Studio 2... 5040
FreeSMS v1.3.1 3562
Случайные статьи
Абстрактная машина...
Если ГВСканал связ...
Domain Controllers...
Вращение вправо-вл...
Нерегулярные связа...
Таблица помогает с...
Разработка приложений
— порядок применен...
Алгоритмы сжатия ...
Группы
Магистрали Gigabit...
Взаимодействие ада...
"." expected
Применение волокон...
Часть 2. Решение
Языа С: адаптеры к...
КЛАСС ИЛИ ЗАПИСЬ?
WDTABLE (РАЗНОСТНА...
Воспроизведение ви...
Понятие о СИИ
ОБРАЗОВАНИЕ ПЛОТНО...
GENERATE (ГЕНЕРИРО...
Прерывание и его в...
ПРЕДИСЛОВИЕ РЕДАКТ...
Каковы значения ад...
Статистика



Друзья сайта
Программы, игры


Полезно
В какую объединенную сеть входит классовая сеть? Суммирование маршрутов Занимают ли таблицы память маршрутизатора?