- Главная
- Разное
- Образование
- Спорт
- Естествознание
- Природоведение
- Религиоведение
- Французский язык
- Черчение
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, фоны, картинки для презентаций
- Экология
- Экономика
Презентация, доклад на тему Ссылки в Каскадных таблицах стилей
Содержание
- 1. Ссылки в Каскадных таблицах стилей
- 2. Цель урока: Сформулировать навыки применения при наведении указателя мыши на объект
- 3. Ключевые словаlinkvisitedactivehover
- 4. Ситуация Поменять на заглавной web странице принаведении указателя мыши, Сменить фоновый рисунокСменить цвет фона Поменять шрифт
- 5. План:Псевдокласс linkПсевдокласс visitedПсевдокласс activeПсевдокласс hover
- 6. Что такое псевдокласс?Псевдокласс позволяет учитывать различные условия
- 7. Шаблонселектор:псевдокласс{ свойство:значение;}
- 8. a:link { color: blue; } a:visited { color: red; }
- 9. Псевдокласс: linkПсевдокласс :link используется для ссылок на страницы, которые пользователь ещё не посещал. a:link { color:#6699CC; } Пример
- 10. Псевдокласс: visitedПсевдокласс :visited используется для ссылок на страницы, которые
- 11. Псевдокласс: activeПсевдокласс :active используется для активных ссылок.В примере активные ссылки имеют жёлтый фон.a:active { background-color: #FFFF00; } Пример
- 12. Псевдокласс: hoverПсевдокласс :hover используется для ссылок, над которыми находится
- 13. Пример 1: Эффект при нахождении указателя над ссылкойПример 2: Удаление подчёркивания ссылок
- 14. b) UPPERCASE и lowercasea) Расстояние между буквами
- 15. Итоги урокаlinkvisitedactivehover
- 16. Дом.заданиеhttp://ru.html.net/tutorials/css.php Группирование элементов с помощью class Идентификация
Цель урока: Сформулировать навыки применения при наведении указателя мыши на объект
Слайд 4Ситуация
Поменять на заглавной web странице при
наведении указателя мыши,
Сменить фоновый
рисунок
Сменить цвет фона
Поменять шрифт
Сменить цвет фона
Поменять шрифт
Слайд 6Что такое псевдокласс?
Псевдокласс позволяет учитывать различные условия или события при определении
свойств HTM-тэга.
a {
color: blue;
}
Слайд 9Псевдокласс: link
Псевдокласс :link используется для ссылок на страницы, которые пользователь ещё не посещал.
a:link {
color:#6699CC; }
Пример
Слайд 10Псевдокласс: visited
Псевдокласс :visited используется для ссылок на страницы, которые пользователь посетил. В примере
кода посещённые ссылки - фиолетовые
a:visited { color:#660099;
}
Пример
Слайд 11Псевдокласс: active
Псевдокласс :active используется для активных ссылок.
В примере активные ссылки имеют жёлтый фон.
a:active
{
background-color: #FFFF00; }
background-color: #FFFF00; }
Пример
Слайд 12Псевдокласс: hover
Псевдокласс :hover используется для ссылок, над которыми находится указатель мыши.
a:hover {
color: orange;
font-style: italic;
}
Пример
Слайд 13Пример 1: Эффект при нахождении
указателя над ссылкой
Пример 2: Удаление подчёркивания
ссылок
Слайд 16Дом.задание
http://ru.html.net/tutorials/css.php
Группирование элементов с помощью class
Идентификация элемента с помощью id
План:
Тема :Идентификация и группирование
элементов (class и id)
