... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
 

Включение CSS в HTML (стр.2)

 

 


Возможности CSS1  ||   Возможности CSS2  ||   Включение CSS в HTML

 

Если вы решите изменить цвет заголовков на синий, то при использовании внутренних таблиц стилей название цвета придется менять внутри всех атрибутов style во всех заголовках H1. При использовании встроенных таблиц цвет достаточно будет изменить всего один раз. Согласитесь, что это удобнее.

Рассмотрим такую ситуацию, когда в элементе STYLE для цвета заголовка задан зеленый цвет:


<STYLE type="text/css">
H1 {color: green}
</STYLE>

а внутри самого заголовка указано:

<Н1 style="color:blue">Какого цвета будет заголовок?</Н1>

В этом случае и будет применен принцип каскадирования, который позволит разрешить конфликт и однозначно выбрать, какого же цвета должен быть заголовок: синего или зеленого. В данном случае высший приоритет имеет внутренняя таблица стилей (style="color: blue"), поэтому заголовок будет синим.

Рассмотрим еще один атрибут элемента STYLE, задающий тип устройства, для которого предназначена таблица стилей. Это атрибут media. В качестве его значений допустимы следующие.

  • screen — для экранов компьютеров, не разделенных на страницы (в отличие от вывода на печать, где деление на страницы происходит обязательно).
  • tty — для носителей с фиксированным размером символов, таких как телетайпы, терминалы или переносные устройства с ограниченными возможностями отображения.
  • tv — для устройств типа телевизора (т.е. с низким разрешением и ограниченными возможностями прокрутки).
  • projеction — для устройств типа проекторов.
  • handheld — для устройств типа карманных компьютеров или мобильных телефонов (небольшой экран, монохромный дисплей или ограниченный диапазон цветов, растровая графика).
  • print — для устройств вывода на печать, работающих постранично, или для документов, просматриваемых на экране в режиме предварительного просмотра печати.
  • braille — для тактильных устройств с алфавитом Брайля (для людей с ослабленным зрением).
  • aural — для синтезаторов речи.
  • all — для всех устройств.

По умолчанию используется значение screen, т.е. изначально таблицы стилей ориентируются на экран компьютера. В качестве значения могут быть указаны одно устройство или их список, разделенный запятыми.

 

Страницы: - 1 - | - 2 - | - 3

 

Возможности CSS1  ||   Возможности CSS2  ||   Включение CSS в HTML

 

Наверх страницы

 

Уроки CSS © 2007 - 2017 г. Все права защищены