Цвет фона
Цвет фона элемента проще всего устанавливать через универсальный параметр background. Фоном при этом заливается область, которая определяется значениями атрибутов width, height и padding.
Область слоя, которая заполняется фоновым цветом
Таким образом, margin не принимает участия в формировании цветной области.
Границы
Из-за разницы в подходах браузеров при формировании блочных элементов наблюдается и различие при отображении границ. Браузер Internet Explorer проводит рамку внутри блока, а Firefox — снаружи. Но если использовать фоновую заливку, то увидим совершенно противоположную картину. А все потому, что Firefox (Opera) цвет фона устанавливает по внешнему краю границы, а Internet Explorer — по внутренней.
а. Internet Explorer
б. Firefox
в. Opera
Отображение рамки в браузерах
В примере показано, как создать код для получения подобной границы.
Пример 5. Пунктирная рамка
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <title>Рамка</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
#layer1 {
width: 300px; /* Ширина слоя */
padding: 10px; /* Поля вокруг текста */
background: #fc0; /* Цвет фона */
border: 5px dashed black;/* Параметры границы */
} </style> </head> <body> <div id="layer1">Lorem ipsum dolor sit amet...</div>
</body> </html>
Различия в подходе браузеров при рисовании границ заметны только на цветном фоне и пунктирных линиях. Для сплошной рамки вид слоя в браузерах будет практически одинаковым.
Блочные элементы выступают в качестве основного строительного материала при верстке веб-страниц. Такие элементы характерны тем, что всегда начинаются с новой строки и занимают всю доступную ширину области, в которой располагаются.
Спецификация CSS определяет, что высота и ширина элемента определяется не только значениями параметров height и width, но к ним еще плюсуется значение полей, отступов и границ. Браузеры в этом плане делятся на две части: одни поддерживают в этом вопросе спецификацию, другие же ее игнорируют и поступают по-своему. Это создает трудности разработчикам, которые желают делать универсальные веб-страницы.
16.2. Верстка электронных книг pdf и DjVu-форматов
Этой теме можно уделить совсем не много времени, так как верстка подобного продукта не вызывает большого количества вопросов, в силу того, что верстка осуществляется в текстовом редакторе Word, и затем его отправка на виртуальный принтер PDF или DjVu.
Фактически можно как угодно подходить к этому, возможно давать ссылки, для более удобного перемещения по страницам. Создать окаймляющую рамку вокруг каждой страницы и многое другое.
Однако не стоит забывать про правила цветовых гамм, так как этот вопрос здесь встает более остро, чем все остальное. Известно, что движение и анимация объектов ускоряет время пользователя. Т.е. он перестает адекватно чувствовать время, это отвлекает его от скуки при работе с материалом, но это можно достичь только при помощи функционала продукта. А данные форматы не поддерживают этого, поэтому необходимо сосредоточиться на макете и постараться сделать его воздушным и не «топорным». Это привлечет больше читателей.