Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.

Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему CSS (Cascading Style Sheets)

Содержание

CSS синтаксис – це правила написання CSS
CSS (Cascading Style Sheets) CSS синтаксис – це правила написання CSS H1 {color: Варіанти підключенняInline стилі. Збереження CSS коду в HTML документі у тезі , Порядок застосування стилівДефолтні стилі браузераСтилі зовнішніх файлів та стилі, прописані всередині тега Селекторidclasstagатрибут*псевдо-елементипсевдо-класи Важливість селекторів ‘!important’ – перекриває всі попередні стилі Inline-Style Групування селекторів Короткий запис Наслідування Відступи (Box-model) Позиціонування Позиціонування Позиціонування Position: static inherit fixed relative absolute z-index Відносні величини Вендорні префікси Правильний порядок присвоєння стилів Positioning Display & Box Model Color Text Other Дякую за увагу!
Слайды презентации

Слайд 2 CSS синтаксис – це правила написання CSS

CSS синтаксис – це правила написання CSS

Слайд 3 H1

H1 {color: green;}Селектор Властивість Значення

{color: green;}
Селектор

Властивість Значення

Слайд 4 Варіанти підключення
Inline стилі.

Збереження CSS коду в HTML

Варіанти підключенняInline стилі. Збереження CSS коду в HTML документі у тезі

документі у тезі , що теж розміщується в .



Винесення CSS коду в окремий документ з розширенням .css та підключення в за допомогою тега.

@import

Слайд 5 Порядок застосування стилів
Дефолтні стилі браузера


Стилі зовнішніх файлів та

Порядок застосування стилівДефолтні стилі браузераСтилі зовнішніх файлів та стилі, прописані всередині

стилі, прописані всередині тега , що міститься в


Inline

стилі, що прописані всередині HTML елемента.

Слайд 6 Селектор
id
class
tag
атрибут
*
псевдо-елементи
псевдо-класи

Селекторidclasstagатрибут*псевдо-елементипсевдо-класи

Слайд 7 Важливість селекторів
‘!important’ – перекриває всі попередні стилі

Важливість селекторів ‘!important’ – перекриває всі попередні стилі Inline-Style

Inline-Style

+1000
ID + 100
Class/pseudo class/attribute + 10
Tag + 1
Browser default 0

Слайд 8 Групування селекторів

Групування селекторів

Слайд 9 Короткий запис

Короткий запис

Слайд 10 Наслідування

Наслідування

Слайд 11 Відступи (Box-model)

Відступи (Box-model)

Слайд 12

Слайд 13 Позиціонування

Позиціонування

Слайд 14 Позиціонування

Позиціонування

Слайд 15 Позиціонування

Позиціонування

Слайд 16 Position:
static
inherit
fixed
relative
absolute

Position: static inherit fixed relative absolute

Слайд 17 z-index

z-index

Слайд 18 Відносні величини

Відносні величини

Слайд 19 Вендорні префікси

Вендорні префікси

Слайд 20 Правильний порядок присвоєння стилів
Positioning
Display & Box

Правильний порядок присвоєння стилів Positioning Display & Box Model Color Text Other

Model
Color
Text
Other

  • Имя файла: css-cascading-style-sheets.pptx
  • Количество просмотров: 108
  • Количество скачиваний: 0
- Предыдущая Жедел және созылмалы бронхит. Фарингит
Следующая - Форум Инвестиции в будущее

Похожие презентации

Тема: Плодородие почв Выполнил: Смыгина К.А 2 курс, 202-02 Тема: Плодородие почв Выполнил: Смыгина К.А 2 курс, 202-02 77
Распределение скоростей течения в речном потоке Распределение скоростей течения в речном потоке 99
polina polina 79
Культура моего народа презентация Культура моего народа презентация 82
СТАТИСТИКА i (теория статистики) СТАТИСТИКА i (теория статистики) 75
63
Презентация к 8 Марта презентация к уроку (4 класс) Презентация к 8 Марта презентация к уроку (4 класс) 103
Юный исследователь опыты и эксперименты (средняя группа) Юный исследователь опыты и эксперименты (средняя группа) 166
rod rod 61
Взаимодействие воспитателя и музыкального руководителя презентация к уроку (старшая группа) Взаимодействие воспитателя и музыкального руководителя презентация к уроку (старшая группа) 92
интернет ресурсы презентация к уроку интернет ресурсы презентация к уроку 28
Зимние православные праздники. презентация к уроку (подготовительная группа) Зимние православные праздники. презентация к уроку (подготовительная группа) 103
Выступление в школе молодых специалистов Выступление в школе молодых специалистов 81
Искусство Квилинга материал (подготовительная группа) по теме Искусство Квилинга материал (подготовительная группа) по теме 22
chast 2 chast 2 65
презентация Предметно-пространственная среда в ДОУ презентация по теме презентация Предметно-пространственная среда в ДОУ презентация по теме 134
Макет футбольного стадиона Юниор презентация к уроку (старшая группа) Макет футбольного стадиона Юниор презентация к уроку (старшая группа) 111
1 год 3 месяца (15 месяцев) 1 год 3 месяца (15 месяцев) 75
МАСТЕР - КЛАСС ФОТОРАМКА ИЗ СОЛЕНОГО ТЕСТА материал (старшая группа) МАСТЕР - КЛАСС ФОТОРАМКА ИЗ СОЛЕНОГО ТЕСТА материал (старшая группа) 101
Технология поддержки родителей в повышении психолого-педагогической компетентности консультация Технология поддержки родителей в повышении психолого-педагогической компетентности консультация 90
ПК 4.1. Учебно-методические материалы календарно-тематическое планирование (3 класс) по теме ПК 4.1. Учебно-методические материалы календарно-тематическое планирование (3 класс) по теме 69
proekt 2015 shokurova g proekt 2015 shokurova g 107
Работа с родителями - учим любить своих детей - 1 статья (старшая, подготовительная группа) Работа с родителями - учим любить своих детей - 1 статья (старшая, подготовительная группа) 84
Предметно-игровая среда презентация к уроку Предметно-игровая среда презентация к уроку 83
Пятигорск город-музей Пятигорск город-музей 100
Валеологическое воспитание в ДОУ презентация Валеологическое воспитание в ДОУ презентация 106
Правовая охрана программ и данных Правовая охрана программ и данных 115
Современные принципы, методы и виды анестезий Современные принципы, методы и виды анестезий 129
ПК 4.5 презентация к уроку (1, 2, 3, 4 класс) ПК 4.5 презентация к уроку (1, 2, 3, 4 класс) 85
Презентация Москва презентация к уроку (подготовительная группа) Презентация Москва презентация к уроку (подготовительная группа) 75