Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Использование отступов в учебном сайте

.

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

Найдите таблицу стилей в stylel. ess, где вы изменяли цвет заголовка и размер шрифта, и добавьте свойства padding, как показано ниже.

Затем немного разграничьте заголовки.

chapter4\website_files\07_heading_padding\stylel.css (фрагмент)

h1 {

color: navy:

font-size: 130;

font-weight: normal;

padding-top: 15px;

}

Теперь найдите слоган и добавьте отступы и туда. Используйте значения, приведенные ниже.

chapter4\websitefiles\07_headingpadding\stylel.ess (фрагмент) #

tagline p

{

font-style: italic;

font-family: Georgia. Times, serif;

background-color: #bed8f3;

border-top: 3px solid #7da5d8;

border-bottom: 3px solid #7da5d8;

padding-top: .2em;

padding-bottom: .2em;

padding-left: .8em;

}

Обновите страницы в браузере, и вы увидите, что получилось (рис. 4.22).

Рис. 4.22. До и после: добавление дополнительных отступов

.

Читайте так же:
Not found