Представление для нашего 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-19; просмотров: 658;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.004 сек.