Навигация
Главная
Поиск
Форум
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
21 ошибка прогр... 64546
Реклама
Сейчас на сайте
Гостей: 4
На сайте нет зарегистрированных пользователей

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

Моделирование работы перекрёстка по регулированию движения на 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 Комментариев · 3188 Прочтений · Для печати

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


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



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

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

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

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

Пароль



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

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

Случайные загрузки
JBlabel3D
Алгоритм DES шифр...
TrayIcon
Fig [Исходник на ...
Crypt32
Comdrv
MiniChat
Самоучитель Прогр...
База игр
Billenium Effects...
FreeNet
TMS
Delphi 2005 Учимс...
Создание меню на ...
3d Tank [Исходник...
Карта сайта
Распознавание иде...
Pirc
Run
ShadelLabel

Топ загрузок
Приложение Клие... 100593
Delphi 7 Enterp... 94132
Converter AMR<-... 20134
GPSS World Stud... 16200
Borland C++Buil... 13546
Borland Delphi ... 9524
Turbo Pascal fo... 7157
Калькулятор [Ис... 5379
Visual Studio 2... 5064
FreeSMS v1.3.1 3582
Случайные статьи
Краткие выводы
LinkTypes
Ошибки неоднозначн...
Модификация корпус...
Генерация HTTP зап...
Определение шаблон...
Разобрать список н...
УНАСЛЕДОВАТЬ, ВКЛЮ...
Процедура RestoreC...
этого службу Telne...
Создание поставщик...
reg-файла на компь...
Вход в Windows Mes...
Лучшие игры для Ан...
Тип документа XHTM...
Установка для эксп...
Глава 25. Когда...
Потери памяти при ...
Domain Admins Admi...
УНИФИКАЦИЯ СПИСКОВ...
Выработка решенияП...
Описание сети масс...
Использование сред...
Комплексный пример
Операции с контейн...
Статистика



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


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