Представление для нашего Web-сайта, часть 2

Представление для нашего Web-сайта, часть 2

Что ж, продолжим заниматься представлением для Web-страниц нашего Web-сайта. Зададим для них параметры абзацев и списков. Снова сформулируем список параметров, которые мы применим к Web-страницам.

— Выравнивание текста в абзацах — полное.

— Выравнивание текста в заголовках — по левому краю. Выровненные по левому краю заголовки читаются лучше выровненных по центру.

— Выравнивание текста в больших цитатах — по левому краю. Так мы дополнительно выделим цитаты.

— Выравнивание текста в теге адреса — по правому краю. Сведения об авторских правах зачастую выравнивают именно так.

— Маркеры у пунктов списков — белый кружок. Придадим стильности нашим спискам.

Исходя из этого, внесем в соответствующие стили, определенные в таблице стилей main.css, следующие изменения:

P { font-size: 12pt; text-align: justify }

Фактически мы изменили только стиль переопределения тега <P>, добавив в него атрибут стиля, задающий полное выравнивание. Остальные стили останутся без изменений, и в соответствующих им элементах Web-страниц (в том числе в заголовках и больших цитатах) выравнивание будет обычным — по левому краю.

После этого добавим в конец таблицы стилей следующий CSS-код:

ADDRESS { text-align: right }

UL { list-style-type: circle }

Здесь мы создали стили переопределения тегов <ADDRESS> и <UL>. Первый объединится с аналогичным стилем, созданным нами в главе 8, и дополнит его параметрами выравнивания (по правому краю). Второй стиль задаст вид маркера для пунктов маркированного списка — белый кружок.

Сохраним таблицу стилей и откроем Web-страницу index.htm в Web-обозревателе. Не бог весть какие изменения, но Web-странице они явно пошли на пользу.

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