Отправляет email-рассылки с помощью сервиса Sendsay

Свой сайт - это очень просто!

  Все выпуски  

Свой сайт - это очень просто!


Информационный Канал Subscribe.Ru


Таблицы стилей. Селектор CLASS.
01.10.2002 Свой сайт - это очень просто! нр 27.

Доброго Вам здоровья уважаемые подписчики!

   Сегодня в выпуске:
  •    Новости сайта:
    новостей, заслуживающих всеобщего внимания, кроме сегодняшней статьи, нет. Так, мелкие доработки, регистрации в различных каталогах, поисковиках и партнерских программах.
  • Внимание! Все, кто работает со спонсором Jumbolina и кто давно не заглядывал в свой аккуант: спонсор сменил движок, дизайн, интерфейс и обновил базу данных, в связи с чем у всех поменялись ИД и рефералские ссылки. Кого это еще интересует, зайдите в аккуант (логины и пароли остались прежние) и обновите данные. Войти в акк можно по этой ссылке. В ближайшее время статья об этом спонсоре на сайте будет обновлена.
  •    Сегодняшняя тема:
    (Хочу предупредить, что не все почтовые серверы поддерживают таблицы стилей, а те которые поддерживают, интерпретируют их по разному. Поэтому, если Вас интересует эта тема, Вам лучше познакомиться со статьей на сайте. Это же касается тех, кто получает письма в текстовом формате.)

    КАСКАДНЫЕ ТАБЛИЦЫ СТИЛЕЙ

    Часть четвертая.

    Селектор CLASS

       Прежде чем рассказывать об употреблении селектора CLASS, следует сказать несколько общих слов об употреблении таблиц стилей, собственно объясняющих необходимость данного селектора.
       Дело в том, что хотя применение правил стилей в отдельных тегах формально не противоречит правилам HTML, в действительности является абсолютно нецелесообразным, так как сводит на нет основные преимущества таблиц стилей. Вспомним, что таблицы стилей:
    • а. дают возможность помещать всю информацию о внешнем виде сайта в одно место, например, в одном файле. Такой файл можно сделать один раз и потом пользоваться им всю жизнь :-) - шутка.
    И, как следствие -
    • б. дают возможность оформлять сайт как единое целое, делать страницы в едином стиле,
    • в. при желании или необходимости сделать какие-то изменения во внешнем облике сайта, достаточно внести исправления только в файл с правилами таблиц стилей.
       Другими словами: таблицы стилей облегчают труд ВЕБ-мастера, удаляя из него рутинные действия по прописке параметров каждого тега и их значений и оставляя больше времени и сил для творчества. Правда, я не знаю, компенсирует ли этот остаток те силы и время, которые уйдут на изучение CSS :-) - еще одна шутка.
       При использовании же правил таблиц стилей в отдельных тегах, для внесения изменений придется пересмотреть весь документ, что потребует достаточно большой и кропотливой работы.
       Но у каждой медали две стороны. Есть вторая сторона и у таблиц стилей :-) (что-то шуток сегодня много!). Дело в том, что таблицы стилей, в качестве селектора которых используется тег HTML, влияют на отображение ВСЕХ элементов в документе, определенным этим тегом. То есть, если мы пропишем в файле с правилами, например: P {color: blue}

    то все, что будет заключаться в теги параграфа, будет отображаться синим цветом, как этот текст.

    А если нам нужно (или мы очень хотим) выделить какой-то параграф, для особой важности, например, красным цветом? Хорошо, если один, тогда можно прописать для него правила в теге, его определяющем. А если у нас таких параграфов на сайте много? Например 20-30% или больше? На этот случай в HTML 4.0 введен в качестве стандартов для всех тегов параметр CLASS. Его значением является ссылка на класс, задаваемый в таблице стилей.
       Конкретный пример: мы хотим, чтобы заголовки первого уровня на нашем сайте были двух видов. Прописываем в таблицы стилей такое правило:
    H1.class1 { text-align: center;
    color: #FF8040 }
    H1.class2 { text-align: center;
    color: red;
    border-width: 1;
    border: solid }
    и получаем:

    Этот заголовок определяется классом 1

    Этот - классом 2

       Яркие примеры, не так ли? В тексте документа эти заголовки определены следующими тегами:
    <H1 class=class1>Этот заголовок определяется классом 1</H1>
    <H1 class=class2>Этот - классом 2</H1>
       Вот собственно и все о селекторе, он же - параметр, CLASS. Мало, но довольно существенно.

    Интересующимся работой с почтовиками: от Smart-E-Mails получены деньги.

    Как всегда, приглашаю Вас посетить Свой сайт - это очень просто!. И, как всегда, Вы можете задавать мне любые вопросы.
        Всего Вам доброго.
       Сергей Червонящий.
    на главную

    http://subscribe.ru/
    E-mail: ask@subscribe.ru
    Отписаться
    Убрать рекламу

    В избранное