Мир Фантастики

Fan-Tv
Главная | Регистрация | Вход Приветствую Вас Гость | RSS

Меню сайта
Основное меню сайта
Новости сайта
Возмездие:
1сезон
Март-2015

Звездные врата:
Звездные врата
Февраль-2016

Звездные врата:1-й отряд(SG-1)

SG-1.1сезон(Дети богов)
Июль-2015
Друзья сайта
Рекомендованный Браузер
Mozilla Firefox

Поиск
Поиск

Календарь
Календарь
«  Октябрь 2018  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031

Архив записей
Наш опрос
Оцените мой сайт
Всего ответов: 1
Мини Чат
Мини-чат

Статистика
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Вход на сайт

Теги CSS и их значение(свойства таблицы CSS)!

страница 5

 



Еще страницы -Теги 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

 

Copyright MyCorp © 2018
Конструктор сайтов - uCoz