2018-01-21
289
<!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, но к ним еще плюсуется значение полей, отступов и границ. Браузеры в этом плане делятся на две части: одни поддерживают в этом вопросе спецификацию, другие же ее игнорируют и поступают по-своему. Это создает трудности разработчикам, которые желают делать универсальные веб-страницы.
|
|
|
Верстка электронных книг PDF и DjVu-форматов
Этой теме можно уделить совсем не много времени, так как верстка подобного продукта не вызывает большого количества вопросов, в силу того, что верстка осуществляется в текстовом редакторе Word, и затем его отправка на виртуальный принтер PDF или DjVu.
Фактически можно как угодно подходить к этому, возможно давать ссылки, для более удобного перемещения по страницам. Создать окаймляющую рамку вокруг каждой страницы и многое другое.
Однако не стоит забывать про правила цветовых гамм, так как этот вопрос здесь встает более остро, чем все остальное. Известно, что движение и анимация объектов ускоряет время пользователя. Т.е. он перестает адекватно чувствовать время, это отвлекает его от скуки при работе с материалом, но это можно достичь только при помощи функционала продукта. А данные форматы не поддерживают этого, поэтому необходимо сосредоточиться на макете и постараться сделать его воздушным и не «топорным». Это привлечет больше читателей.
