Главная » Файлы » Учебники » html / css [ Добавить материал ]

Справочник по CSS (в виде удобного файла справки)

[Скачать с сервера (116.8Kb) - бесплатно] 14.04.2010, 22:54

Если забыли какой-либо тег css, этот справочник поможет. Нужную информацию можно найти очень быстро, ведь он сделан в виде справки.

CSS – это так называемые каскадные таблицы стилей ( или Cascading Style Sheets), которые стали революцией в мире Интернет-технологий.

С их появлением все веб-программисты заранее могли представить себе, как будет выглядеть та или иная страница в различных браузерах, вплоть до расположения картинок и размера шрифта. Основная задача CSS – это разделение содержимого, написанного на некотором языке, к примеру, html, и более удобного визуального представления документов. Говоря более просто - разделение контента и дизайна сайта (css отвечает за дизайн).

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

  • Введение
  • Что такое CSS и как его применить
  • Свойства шрифта
  • Цветовая гамма
  • Свойства текста
  • Свойство текста, содержащего иероглифы
  • Расположение элементов
  • Границы элементов
  • Классификации
  • Принтер
  • Псевдостили гиперссылок
  • Псевдостили текста
  • Правила
  • Единицы измерения CSS
  • Фильтры в Internet Explorer

Пример раздела из справочника:

Свойства текста

text-decoration - задает специальное оформление текста: подчеркнутый, зачеркнутый и т.п.
text-decoration: none|underline|overline|line-through|blink;
text-decoration: none; - отменяет любое специальное оформление (значение по умолчанию для большинства тегов);
text-decoration: underline; - подчеркивает текст (значение по умолчанию для тегов <A>, <INS> и <U>);
text-decoration: overline; - черта сверху текста;
text-decoration: line-through; - зачеркивает текст (значение по умолчанию для тегов <DEL>, <S> и <STRIKE>);
text-decoration: blink; - мигание текста (отсутствует в IE)
text-decoration: uppercase - все буквы становятся заглавными;
text-decoration: lowercase - все буквы становятся маленькими (прописными);
text-decoration: capitalize - каждое слово в строке начинается с большой буквы.
Поддерживается IE начиная с 3.02 для текстовых элементов страницы и начиная с 4.0 для нетекстовых.
Поддерживается NN начиная с 4.0

text-underline-position - задает местонахождение линии подчеркивания: выше или ниже текста. Имеет смысл, если атрибут text-decoration равен underline или overline.
text-underline-position: below|above;
text-underline-position: below; - помещает линию подчеркивания под текстом (значение по умолчанию);
text-underline-position: above; - над текстом ("надчеркивание").
Поддерживается IE начиная с 5.5

text-align - определяет горизонтальное выравнивание текста.
text-align: left|right|center|justify;
text-align: left; - выравнивание текста по левому краю (значение по умолчанию);
text-align: right; - выравнивание по правому краю;
text-align: center; - выравнивание по центру;
text-align: justify; - выравнивание по обоим краям (по ширине).
Поддерживается IE начиная с 3.02; значение justify поддерживается начиная с 4.0
Поддерживается NN начиная с 4.0

text-align-last - задает горизонтальное выравнивание последней строки абзаца.
text-align-last: auto|inherit|left|right|center|justify;
text-align: auto; - выравнивает последнюю строку абзаца так же, как и остальные строки (основываясь на значении атрибута text-align) (значение по умолчанию);
text-align: inherit; - так же, как выровнен текст родителя;
text-align: left; - выравнивание текста по левому краю;
text-align: right; - выравнивание по правому краю;
text-align: center; - выравнивание по центру;
text-align: justify; - выравнивание по обоим краям (по ширине).
Поддерживается IE начиная с 5.5

text-indent - устанавливает отступ красной строки.
text-ident: {Отступ}|{Отступ}%;
Отступ может быть задан как абсолютной величиной, так и процентом от ширины родителя. Значение по умолчанию 0.
Поддерживается IE и NN начиная с 4.0

text-height - интервал между строками текста.
text-height: {Интервал}|{Интервал}%;
Интервал может быть задан как абсолютной величиной, так и процентом от ширины родителя.
Поддерживается IE и NN начиная с 4.0

text-transform - Задает преобразование регистра символов текста.
text-transform: none|capitalize|uppercase|lowercase;
text-transform: none; - отключает любые преобразования регистра символов (значение по умолчанию);
text-transform: capitalize; - преобразует первую букву каждого слова текста в верхний регистр;
text-transform: uppercase; - преобразует все символы текста в верхний регистр;
text-transform: lowercase; - в нижний регистр.
Поддерживается IE и NN начиная с 4.0

clear - задает поведение текста при "обтекании" им некоторых элементов страницы, таких как изображения.
clear: none|left|right|all;
Атрибут задается для текста, а не для элемента страницы, который он будет "обтекать".
clear: none; - разрешает тексту "обтекать" элемент страницы (значение по умолчанию);
clear: left; - запрещает тексту "обтекать" элемент страницы с левой стороны;
clear: right; - с правой стороны;
clear: all; - с обеих сторон.
Поддерживается IE и NN начиная с 4.0

word-spacing - определяет дополнительное расстояние между словами в тексте.
word-spacing: normal|{Величина};
Значение этого атрибута может быть задано либо абсолютной величиной в одной из поддерживаемых CSS единиц измерения, либо предопределенным значением normal, задающим стандартную величину расстояния между символами.
Значение по умолчанию normal.
Поддерживается IE начиная с 4.0

word-wrap - устанавливает, будет ли строка, выходящая за границы элемента страницы и не содержащая пробелов, переноситься по словам.
word-wrap: normal|break-word;
word-wrap: normal; - запрещает переносить строки по словам (значение по умолчанию);
word-wrap: break-word; - разрешает.
Поддерживается IE начиная с 5.5

word-mode - задает направление строк текста: горизонтальное или вертикальное.
word-mode: lr-tb|tb-rl;
word-mode: lr-tb; - задает обычное горизонтальное расположение строк текста; текст пишется слева направо и сверху вниз (значение по умолчанию);
word-mode: tb-rl; - поворачивает текст на 90° по часовой стрелке; при этом он будет писаться сверху вниз и справа налево.
Поддерживается IE начиная с 5.5

leter-spacing - определяет расстояние между символами в тексте.
letter-spacing: normal|{Величина};
Значение этого атрибута может быть задано либо абсолютной величиной в одной из поддерживаемых CSS единиц измерения, либо предопределенным значением normal, задающим стандартную величину расстояния между символами.
Значение по умолчанию normal.
Поддерживается IE начиная с 4.0

line-height - задает вертикальное расстояние между строками текста.
line-height: normal|{Y}|{Y}%;
Высота может быть задана как абсолютной величиной, так и процентом от высоты родителя. Предопределенное значение normal задает стандартное расстояние.
Значение по умолчанию normal.
Поддерживается IE и NN начиная с 4.0

direction - задает порядок чтения текста: слева направо или справа налево.
direction: ltr|rtl|inherit;
direction: ltr; - задает порядок чтения слева направо (значение по умолчанию);
direction: rtl; - справа налево;
direction: inherit; - заставляет наследовать порядок чтения у родителя.
Для документов, составленных на европейских языках, порядок чтения всегда слева направо (ltr).
Поддерживается IE начиная с 5.0

unicode-bidi - задает поведение встроенных элементов при изменении направления письма с помощью атрибута direction.
unicode-bidi: normal|embed|bidi-override;
unicode-bidi: normal; - меняет направление письма и у родителя (используется по умолчанию);
unicode-bidi: embed; - меняет направление письма только у встроенного элемента;
unicode-bidi: bidi-override; - аналогично embed за тем исключением, что направление письма меняется согласно значению атрибута direction, независимо от локальных установок Web-обозревателя.
Поддерживается IE начиная с 5.0

accelerator - позволяет указать, содержит ли текст элемента страницы клавишу-ускоритель.
accelerator: true|false;
Клавиша-ускоритель - это особая клавиша на клавиатуре, при нажатии которой вместе с клавишей <Alt> происходит переход к данному элементу страницы.
accelerator: true; - указывает, что текст содержит клавишу-ускоритель;
accelerator: false; - не содержит.
Значения по умолчанию не имеет.
Пример использования:
<LABEL for="txtName"><U style="accelerator: true">И</U>мя</LABEL>
<INPUT type="text" id="txtName" accesskey="B" value="Имя пользователя">
В этом случае символ "И" в слове "Имя" будет подчеркнут. Если в региональных настройках операционной системы Windows 2000 была выбрана опция Скрыть индикаторы клавиш-ускорителей до нажатия Alt, этот символ не будет подчеркнут, пока пользователь не нажмет клавишу <Alt> на клавиатуре.
Поддерживается IE начиная с 5.0

Похожие материалы:

Добавил: sidius (14.04.2010) | Категория: html / css
Просмотров: 2511 | Загрузок: 650 | Рейтинг: 0.0/0 |
Теги: CSS, программирование
Комментарии (0)

Имя *:
Email *:
Код *: