.
Дата публикации: 08-10-2021 8:15:00

Использование 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- сайты содержат согни страниц, однако большинство их базируется лишь на нескольких шаблонах. Свои шаблоны я заполняю текстом на латыни и изображениями плохого качества, так называемыми заполнителями, которые впоследствии заменяются реальным содержимым.

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

#РЕКОМЕНДУЕМОЕ:

Открыть интернет магазин сантехники - Основные заблуждения на тему хостинга - Как построить эффективный смс маркетинг? - Разделение страницы на управляемые области - Комплексное решение для вашего дома - Как развить в себе необходимые качества - Пять правил создания босса, ориентированного на данные - Текст на запотевшем стекле - Спортивное питание Оксид азота, L-карнитин - 2bears.by - Остерегайтесь линии перегиба - Ретушь инструментом Liquify - Чёрно-белый рисунок в Фотошопе - Ретушь модели -


Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×