🗊 Презентация Стилі CSS. (Лекція 5)

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Стилі CSS. (Лекція 5), слайд №1 Стилі CSS. (Лекція 5), слайд №2 Стилі CSS. (Лекція 5), слайд №3 Стилі CSS. (Лекція 5), слайд №4 Стилі CSS. (Лекція 5), слайд №5 Стилі CSS. (Лекція 5), слайд №6 Стилі CSS. (Лекція 5), слайд №7 Стилі CSS. (Лекція 5), слайд №8 Стилі CSS. (Лекція 5), слайд №9 Стилі CSS. (Лекція 5), слайд №10 Стилі CSS. (Лекція 5), слайд №11 Стилі CSS. (Лекція 5), слайд №12 Стилі CSS. (Лекція 5), слайд №13 Стилі CSS. (Лекція 5), слайд №14 Стилі CSS. (Лекція 5), слайд №15 Стилі CSS. (Лекція 5), слайд №16 Стилі CSS. (Лекція 5), слайд №17 Стилі CSS. (Лекція 5), слайд №18 Стилі CSS. (Лекція 5), слайд №19 Стилі CSS. (Лекція 5), слайд №20 Стилі CSS. (Лекція 5), слайд №21 Стилі CSS. (Лекція 5), слайд №22 Стилі CSS. (Лекція 5), слайд №23 Стилі CSS. (Лекція 5), слайд №24 Стилі CSS. (Лекція 5), слайд №25 Стилі CSS. (Лекція 5), слайд №26 Стилі CSS. (Лекція 5), слайд №27 Стилі CSS. (Лекція 5), слайд №28 Стилі CSS. (Лекція 5), слайд №29 Стилі CSS. (Лекція 5), слайд №30 Стилі CSS. (Лекція 5), слайд №31 Стилі CSS. (Лекція 5), слайд №32
Скачать
Вы можете ознакомиться и скачать презентацию на тему Стилі CSS. (Лекція 5). Доклад-сообщение содержит 32 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Лекція 5 Стилі CSS Межі Курсори Відступи Смуга прокрутки Псевдоелементи Позиціонування Розмір елементу Посилання
Описание слайда:
Лекція 5 Стилі CSS Межі Курсори Відступи Смуга прокрутки Псевдоелементи Позиціонування Розмір елементу Посилання

Слайд 2


Межі Специфікація CSS2 описує атрибут стилю border, який дозволяє задати вид меж навколо об'єктів. Атрибут border може бути застосований до будь-яких...
Описание слайда:
Межі Специфікація CSS2 описує атрибут стилю border, який дозволяє задати вид меж навколо об'єктів. Атрибут border може бути застосований до будь-яких об'єктів.

Слайд 3


table {border-width: 3px;border-color: red;border-style: dashed;} .gro {border-style: groove;} Верхня частина заголовка зеленого кольору (dotted)
Описание слайда:
table {border-width: 3px;border-color: red;border-style: dashed;} .gro {border-style: groove;} Верхня частина заголовка зеленого кольору (dotted)

Слайд 4


Стилі CSS. (Лекція 5), слайд №4
Описание слайда:

Слайд 5


Курсори
Описание слайда:
Курсори

Слайд 6


Стилі CSS. (Лекція 5), слайд №6
Описание слайда:

Слайд 7


Стилі CSS. (Лекція 5), слайд №7
Описание слайда:

Слайд 8


Приклад
Описание слайда:
Приклад

Слайд 9


Відступи
Описание слайда:
Відступи

Слайд 10


Відступи
Описание слайда:
Відступи

Слайд 11


Стилі CSS. (Лекція 5), слайд №11
Описание слайда:

Слайд 12


Смуга прокрутки
Описание слайда:
Смуга прокрутки

Слайд 13


Стилі CSS. (Лекція 5), слайд №13
Описание слайда:

Слайд 14


Приклади: .SBColor { scrollbar-3dlight-color:blue;scrollbar-arrow-color: white; scrollbar-base-color:green;scrollbar-face-color:pink;...
Описание слайда:
Приклади: .SBColor { scrollbar-3dlight-color:blue;scrollbar-arrow-color: white; scrollbar-base-color:green;scrollbar-face-color:pink; scrollbar-track-color: aqua;}

Слайд 15


Псевдоелементи Псевдоелементи є особливою групою, що дозволяють об'єднувати декілька стилів для якого-небудь об'єкту. Наприклад, можна задати...
Описание слайда:
Псевдоелементи Псевдоелементи є особливою групою, що дозволяють об'єднувати декілька стилів для якого-небудь об'єкту. Наприклад, можна задати властивості для першої букви параграфа. Для цього призначається для тега P псевдоелемент first-letter, в якому встановлюєте різні стили: p:first-letter { float:right;font-size:2em;color:red;}

Слайд 16


Стилі CSS. (Лекція 5), слайд №16
Описание слайда:

Слайд 17


Стилі CSS. (Лекція 5), слайд №17
Описание слайда:

Слайд 18


A.pr:visited { color:blue } A.pr:active { font-weight:bold; color:brown } A.pr:link { color:#00FF00 } A.pr:hover { color:red; text-decoration: none}...
Описание слайда:
A.pr:visited { color:blue } A.pr:active { font-weight:bold; color:brown } A.pr:link { color:#00FF00 } A.pr:hover { color:red; text-decoration: none} p:first-letter { float:right;font-size:2em;color:red;} p:first-line {color:green;}

Слайд 19


Позиціонування
Описание слайда:
Позиціонування

Слайд 20


Стилі CSS. (Лекція 5), слайд №20
Описание слайда:

Слайд 21


Стилі CSS. (Лекція 5), слайд №21
Описание слайда:

Слайд 22


z-index z-index
Описание слайда:
z-index z-index

Слайд 23


Стилі CSS. (Лекція 5), слайд №23
Описание слайда:

Слайд 24


Стилі CSS. (Лекція 5), слайд №24
Описание слайда:

Слайд 25


body {background-color: #c5ffa0} a {position: absolute;z-index:auto ;top: 100px;border: #000000 1px solid;} a:hover {position:...
Описание слайда:
body {background-color: #c5ffa0} a {position: absolute;z-index:auto ;top: 100px;border: #000000 1px solid;} a:hover {position: absolute;z-index:1;top: 80px;border: #800000 1px solid;}

Слайд 26


Стилі CSS. (Лекція 5), слайд №26
Описание слайда:

Слайд 27


Розмір елементу
Описание слайда:
Розмір елементу

Слайд 28


Стилі CSS. (Лекція 5), слайд №28
Описание слайда:

Слайд 29


Стилі CSS. (Лекція 5), слайд №29
Описание слайда:

Слайд 30


Посилання
Описание слайда:
Посилання

Слайд 31


Приклад використання параметра HOVER A:link {text-decoration: none} // прибирає підкреслення для ссылок A:visited {text-decoration: none} A:active...
Описание слайда:
Приклад використання параметра HOVER A:link {text-decoration: none} // прибирає підкреслення для ссылок A:visited {text-decoration: none} A:active {text-decoration: none} A:hover {text-decoration: underline; color: red;} // робить посилання червоним і підкресленим при наведенні на неї курсора

Слайд 32


Розміщення рисунка на кнопці
Описание слайда:
Розміщення рисунка на кнопці

Скачать

Теги Стил Лекц
Похожие презентации
Mypresentation.ru
Загрузить презентацию