Отступы

Отступы

Представьте, что вы форматируете несколько HTML-страниц размером с небольшую книгу. Язык HTML не предоставляет специальных средств для задания отступа абзаца, и отступ приходится делать с помощью пробелов. Согласитесь, не очень-то удобно в начале каждого абзаца набирать пробелы, да еще и следить, чтобы их было одинаковое количество в начале всех абзацев. Еще хуже, если, выполнив часть или всю работу, вы обнаружите, что отступы недостаточны или слишком большие. CSS предоставляет замечательное свойство text-indent для решения данной проблемы. Размер отступа может задаваться как абсолютными, так и относительными единицами. В том числе и процентами. В качестве 100 % считается ширина всей страницы.

Зададим в нашем примере отступ 25 пикселов (рис. 8.9):

p {

text-indent: 25px;

}

Рис. 8.9. Задание отступа 25 пикселов

Для данного свойства остается порекомендовать поэкспериментировать с разными значениями и единицами измерений, чтобы лучше разобраться в них.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

Отступы и выступы

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов автора Дронов Владимир

Отступы и выступы Отступ – это расстояние между текстом и левым или правым полем страницы. Регулировать отступ можно вручную при помощи горизонтальной линейки (как включить отображение, читайте в подразд. «Линейка» разд. 1.4).Отступы можно разделить на три вида:• отступ


ГЛАВА 11. Отступы, рамки и выделение

Из книги VBA для чайников автора Каммингс Стив

ГЛАВА 11. Отступы, рамки и выделение В предыдущей главе мы занимались контейнерным Web-дизайном: создавали блочные контейнеры, помещали в них содержимое и задавали для них параметры с помощью особых атрибутов стиля CSS. Результат — вполне профессионально созданная


ГЛАВА 11. Отступы, рамки и выделение 

Из книги Как спроектировать современный сайт автора Вин Чои

ГЛАВА 11. Отступы, рамки и выделение  В предыдущей главе мы занимались контейнерным Web-дизайном: создавали блочные контейнеры, помещали в них содержимое и задавали для них параметры с помощью особых атрибутов стиля CSS. Результат — вполне профессионально созданная


Отступы в программе

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

Отступы в программе Запомните: следует выработать правила использования отступов и неуклонно их придерживаться. Компилятор VBA игнорирует все пробелы в начале строк, так что вы можете смело использовать отступы для наведения порядка. Сравните следующие два фрагмента


Автоматические отступы

Из книги Разработка ядра Linux автора Лав Роберт

Автоматические отступы Чтобы до минимума уменьшить объем выполняемой вами работы, редактор Visual Basic автоматически устанавливает отступ в новой строке, равный отступу в предыдущей. Если в новой строке отступ должен быть меньше, просто нажмите клавишу удаления символа


Используйте отступы!

Из книги автора

Используйте отступы! Правильное использование отступов служит основой создания понятного программного кода. В примере из предыдущего раздела каждая пара операторов, определяющих одну структуру, напечатана с одним и тем же отступом. При наличии отступов проще выяснить,


Поля страницы и отступы

Из книги автора

Поля страницы и отступы Поля представляют собой свободное пространство вне юнита или колонки. Отступ – это свободное пространство внутри юнита или колонки. Поля, как правило, используются для создания промежутков, а отступ – для создания небольшого видимого смещения


9.6. Поля и отступы

Из книги автора

9.6. Поля и отступы В этом разделе мы разберем важный момент при создании веб-страниц – задание полей и отступов. Итак, начнем с


Отступы

Из книги автора

Отступы Для выравнивания текста и введения отступов используются символы табуляции. Размер одного символа табуляции при отображении соответствует восьми позициям. Это не означает, что для структурирования можно использовать восемь или четыре символа "пробел" либо