Предыдущая страница реферата | 1  2  3  4  5  6  7  8  9  10  11 | Следующая страница реферата

Кроме того, в каждом блоке селекторы надо расставить в алфавитном порядке. На первый взгляд, это не очень сильно упорядочит таблицу стилей, однако есть достаточно веская причина соблюдать такое правило. На первых порах вам будет абсолютно все равно, в каком порядке расположены селекторы в трех блоках, однако постепенно вы привыкните располагать селекторы именно в алфавитном порядке, вследствие чего в своих таблицах стилей будете ориентироваться легко, и быстро находить необходимые правила. Вы будете подсознательно чувствовать, что селектор .back находится в начале блока селекторов по классам, потому что начинается с буквы b, а селектор .vis - в конце, потому что начинается с буквы v.

Отдельно взятое правило тоже можно записать по-разному. Часто вместо того, чтобы записывать правило в одну строку

P {color: #000; font-size: 12px; padding-left: 1em}

используют запись в несколько строк:

P {

 color: #000;

 font-size: 12px;

 padding-left: 1em}

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

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

Что касается самих свойств, то для них вы можете установить свои собственные правила. Давайте рассмотрим две совсем маленькие таблицы стилей.

Первая:

P.emphasize {

 font-size: 14px;

 text-indent: 1em;

 color: #000;

 font-style: italic}

TD {

 font-style: italic;

 color: #000;

 font-size: 14px}

Вторая:

P.emphasize {

 color: #000;

 font-style: italic;

Рекомендуем скачать другие рефераты по теме: банк курсовых работ, операции реферат.





Предыдущая страница реферата | 1  2  3  4  5  6  7  8  9  10  11 | Следующая страница реферата