Использование CSS-стилей для добавления отступа вокруг элементов

Современный подход предусматривает добавление отступа к элементам дизайна с помощью CSS. Вместо HTML-атрибутов vspace и hspace применяют CSS-атрибуты margin- top, margin-right, margin-bottom и margin-left. С их помощью задают ширину отступа (в пикселях) вокруг элементов с любой стороны (или со всех сторон) Ниже приведен пример внутренней таблицы стилей.

<р style="color: red; margin-left: 20рх">This red text would have a 20 pixel left margin.</p>

После того как ваши макеты HTML-страниц примут законченный вид, который вас удовлетворит, сохраните эти макеты в качестве шаблона. Таким образом, команда разработчиков сможет обращаться к этим шаблонам в течение всего процесса разработки. Зачастую Web- сайты содержат согни страниц, однако большинство их базируется лишь на нескольких шаблонах. Свои шаблоны я заполняю текстом на латыни и изображениями плохого качества, так называемыми заполнителями, которые впоследствии заменяются реальным содержимым.

Кроме того, эффективность разработки возрастает, если каждый шаблон — это новый макет с повторно используемыми модулями содержимого сайта. Например, можете создать шаблон с глобальной системой навигации. Этот шаблон будет использоваться в качестве модуля на всех страницах. Такие простые элементы, как модуль системных требований, будут входить лишь в один или в несколько шаблонов. Модульный принцип позволит в будущем упростить обновление страниц. При обновлении одного модуля с навигационными элементами автоматически обновляются шаблоны всего сайта, в которых используется этот модуль.

Предлагаем посмотреть другие страницы сайта:
← Разработка шаблонов | Задание отступов в ячейках таблиц →