|   
 
 
 
 
 
 
   
  Поиск по сайту:
логин : пароль :  
    Напомнить пароль?    
Реклама
Популярные статьи
    Реклама
     

    Каскадные таблицы стилей (CSS)

    Информация для вебмастера, CSS
     
     
     

    Стиль - это набор определённых правил оформления и форматирования, которые применяются к различным элементам страницы сайта. При использовании стандартного языка HTML для предоставления нескольким элементам определенных свойства (например, для указания определённого предпочитаемого шрифта) приходится задавать эти свойства для каждого элемента отдельно. Использование же каскадных таблиц стилей позволяет избежать этого, оптимизируя разрабоу веб-сайтов и упращая жизнь HTML-кодерам (верстальщикам). Стили позволяют позиционировать элементы страниц (например, тексты и графику), задавая определённые координаты. Кроме того, таблицы стилей часто используют при создании так называемых "динамических" страниц.

    Каскадные таблицы стилей (CSS)Следует отметить, что одна таблица стилей в общем случае применима ко всем страницам сайта. Также следует помнить, что у количество отдельных таблиц стилей для одного сайтов не ограничено. Часто разработчики используют несколько отдельных таблиц стилей для разных блоков сайта или разных его разделов. Особенно это удобно, когда разработкой и поддержкой разных разделов занимаются разные люди.

    Отдельные элементы CSS (Cascading Style Sheets) могут содержать параметры форматирования части или всего текста веб-страницы. Если такую таблицу подключить, то в тегах можно просто указывать ссылку на неё (уникальный класс или идентификатор, а также стандартные теги HTML), а не задавать множество атрибутов.

    Каскадная таблица стилей - это прежде всего набор параметров, изменяющих свойства тегов HTM, уменьшая при этом размер страниц сайта и увеличивая скорость обработки данных браузером пользователя. Такие наборы также называют определениями тегов. Например:

    p {font-size: 40pt; color: green; font-family: "Comic Sans MS"}

    Здесь заданы параметры для тега абзаца <p>, устанавливающие размер шрифта 40 пунктов, цвет шрифта - зелёный и гарнитуру (собственно сам шрифт) - Comic Sans MS*. В документе достаточно ввести теги <p>...</p> с текстом абзаца, чтобы автоматически придать ему указанное оформление.

    Каскадные таблицы стилей часто позволяют получать результаты, которых невозможно достичь обычными средствами HTML. В приведённом примере установлен размер шрифта 40 пунктов, хотя в языке HTML с помощью атрибута SIZE можно задать для шрифта максимальный размер 7, что соответствует 36 пунктам.

    Кроме того, CSS позволяет определить единый стиль оформления для различных страниц документа и быстро модифицировать его изменением соответствующего параметра в таблице стилей.

    Параметров форматирования, которые можно задавать с помощью стилей, предостаточно:

    • background - задаёт цвет фона элемента;
    • font-family - указывает на стиль шрифта (гарнитуру);
    • font-size - задаёт размер шрифта;
    • font-weight - устанавливает жирность шрифта;
    • color - указывает браузеру на цвет шрифта;
    • text-decoration - отображение текста;
    • text-align - выравнивание текста;
    • margin-top - отступ от верхней строки абзаца или другого элемента;
    • line-height - межстрочное расстояние.

    * При использовании подобных свойств всегда следует учитывать, что шрифт, заданный вами не будет отображён в браузере клиента (пользователя), если в наборе шрифтов данного компьютера такого стиля не окажется! Потому, при создании сайта, лучше подбирать шрифты достаточно распостранённые или указать несколько вариантов шрифтов в одном свойстве (через запятую), чтобы дать браузеру возможность заменить отсутсвующий шрифт более-менее подходящим другим. Приоритет всегда имеет шрифт, находящийся в начале списка!


     
       
     
     
      Материал по теме:
     
     
     
     
     
    Сайт о животных | Отдых в Феодосии
    Копирование и распостранение материалов на другие сайты строго запрещено!
      Яндекс.Метрика