Дополнительные возможности оформления веб-страниц с помощью CSS 693
Примеры:
.blockl {margin: 5%) - для блока задаются поля в 5 % от площади экрана;
.block2 {margin-right: 10%; margin-left:2.5em; margin-top: 5mm} - для блока задаются верхнее поле 10 %, левое - 2,5 буквы ш и верхнее - 5 мм.
Если задать отрицательное верхнее поле величиной в одну букву margin-top: -lem, то текстовый абзац не будет отделяться пустой строкой от следующего, что, в общем-то, более соответствует русским книгоиздательским традициям. Так и решается проблема, с которой раньше приходилось бороться при помощи всяких ухищрений вроде применения обрыва строки BR там, где по логике вещей должен был стоять нормальный конец абзаца. Посмотрите батуты в спб попрыгать.
А вот пример, разметки абзаца, вполне соответствующий отечественной типографской практике:
Только переносов не хватает... Но об этом мы даже и не за-за-заикаемся.
Помимо обычных полей (margin) у блока есть еще один весьма похожий параметр - внутренние поля, padding. Если представить себе, что блок заключен в рамочку, то margin - это расстояние от рамки наружу (до границ экрана), a padding - расстояние от рамки внутрь (просвет между рамкой и рисунком, абзацем, таблицей). Когда рамка и впрямь показана 1, разница между этими двумя видами полей хорошо заметна. А когда не видна, то и нету никакой разницы.
Опубликовал katy
June 05 2017 18:56:44 ·
0 Комментариев ·
1482 Прочтений ·
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
Комментарии
Нет комментариев.
Добавить комментарий
Рейтинги
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
Гость
Вы не зарегистрированны? Нажмите здесь для регистрации.
Главная
Каталог файлов
