Категория
Информатика
Тип
реферат
Страницы
6 стр.
Дата
27.05.2010
Формат файла
.rtf — Rich Text Format (Wordpad)
Архив
20807.zip — 14.17 kb
  • css-design-ukroshhenie-spiskov_20807_1.rtf — 97.83 Kb
  • Readme_docus.me.txt — 125 Bytes
Рейтинг
10  из 10
Оценок
1
Оцените работу
Хорошо  или  Плохо


Текст работы

CSS Design : Укрощение списков
Марк Ньюхаус
Я обнаружил, что большинство страниц содержат панель навигации. Чаще всего она оформля е
тся как простая текстовая строка со ссылками, разделенными тегами < DIV > или < P >. Структурно же они представляют собой списки ссылок, и следовательно должны оформляться как таковые.
Причина, по которой мы не оформляем их как списки, состоит в том, что нам не
очень хочется перед каждой ссылкой в меню видеть маркер. В предыдущей статье я рассказал о некоторых приемах верстки страниц с помощью
CSS . В одном из тех приемов мы научились выводить
списки в строку, а не вертикально.
В данной же статье я покажу, как с помощью CSS можно укротить эти неповоротливые и неуклюжие списки. Хватит им беспризорно шататься по вашим веб-страницам. Настало ваше время командовать им, как
себя вести.
Готовим арену
В качестве предмета дрессировки я выбрал простые ненумерованные списки. Все упомянутые тут правила
CSS можно применить и к нумерованным спискам с тем же результатом. Во всех примерах (кроме специально оговоренных случаев) используется следующий список:
Item 1Item 2Item 3Item 4< li > Item 5 сделаем этот пункт немного длиннее,
чтобы он переходил на следующую строку

Каждый список просто помещен внутрь отдельного элемента
, и поведение списка определяется с помощью этого DIV -а. Базовое правило, действующее на все
DIV -ы, таково:
# base
border : 1 px
solid #000;
margin: 2em;
width: 10em;
padding: 5px;
Без каких-либо дополнительных стилевых правил, список в базовом
DIV -е будет выглядеть так:
Item 1
Item 2
Item



Ваше мнение



CAPTCHA