Представление для нашего 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-странице они явно пошли на пользу.
Мы можем еще немного поэкспериментировать с изученными в этой главе атрибутами стилей. Правда, эксперименты долго не продлятся — слишком мало мы изучили атрибутов. Ну ничего, в следующей главе будет где разгуляться!..
Дата добавления: 2015-05-08; просмотров: 696;