Еще страницы -Теги CSS- стр 1..стр 2..стр 3..стр 4..стр 5..стр 6..стр 7..
стр 8..стр 9..стр 10...
Псевдостили гиперссылок
А в этой главе мы рассмотрим псевдостили гиперссылок, на примере которых показано, как можно управлять ссылками в каскадных таблицах стилей и их значения. При использовании гиперссылок, для удобства пользователям, полезно выделять цветом уже посещенные ссылки.
active: - применяется к активным гиперссылкам, т.е. гиперссылкам, на которых находится фокус ввода пользователя.
Аналогичен атрибуту alink тега <BODY>.
Пример:
A:active {color: lime;} <!--A: - задание стиля гиперссылки, атрибут, ярко-зеленый цвет-->
hover: - применяется к гиперссылкам, когда пользователь помещает над ними курсор мыши.
Пример:
A:hover {color: lime; text-decoration: none;} <!--при наведении курсора будет исчезать подчеркивание ссылки-->
link: - применяется к не посещенным еще пользователем гиперссылкам.
Аналогичен атрибуту link тега <BODY>.
Пример:
A:link {color: blue;} <!--A: - задание стиля гиперссылки, атрибут, синий цвет-->
visited: - применяется к уже посещенным пользователем гиперссылкам.
Аналогичен атрибуту vlink тега <BODY>.
Пример:
A:visited {color: indigo;} <!--A: - задание стиля гиперссылки, атрибут, фиолетовый цвет-->
Правила в CSS
Правила используются в таблицах стилей для особых нужд. Для установления правила используется символ @ "собака".
@charset - задает текстовую кодировку для внешней таблицы стилей.
Может использоваться только во внешних таблицах стилей и должна быть первой строкой в файле.
Пример:
@charset {"Windows-1251;"} <!--атрибут, кодировка для кириллицы-->
@font-face - задает файл загружаемого шрифта для использования на Web-странице.
Определение загружаемого шрифта имеет следующий формат:
font-family: - имя шрифта
src: url( - интернет-адрес файла шрифта)
Пример:
@font-face {font-family:Имя вашего шрифта; src: url Адрес файла шрифта;} <!--атрибут, кодировка для кириллицы-->
@import - импортирует внешнюю таблицу стилей.
Пример:
@import url"http://www.ваш домен.ru/имя файла.css;"} <!--атрибут, адрес, имя нужного файла-->
@page - используется при задании размеров, ориентаций и полей печатной страницы в таблице стилей.
Селектор страницы может принимать одно из трех значений:
first: - первая печатная страница;
left: - четная страница;
right: - нечетная страница.
Пример:
@page:first {margin-top: 2см; margin-bottom: 2см} <!--здесь мы задали для первой печатной страницы поля по два сантиметра сверху и снизу-->
@important - используется для задания неперекрываемых установок стиля.
Пример:
<STYLE>
P { color: red !important}
</STYLE>
...
<P style="color: green">Этот текст останется красным.</P> <!--здесь установки, сделанные для текстового абзаца <P>, не будут перекрыты в дальнейшем-->
Единицы измерения CSS
В этой таблице перечислены все единицы измерения, поддерживаемые в каскадных таблицах стилей.
Единица измерения
Высота буквы M текущего шрифта
Высота буквы x текущего шрифта
Пикселы
Пункты
Пики
Дюймы
Миллиметры
Сантиметры |
Обозначение
em
ex
px
pt
pc
in
mm
cm
|
|