Что такое 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
  • Количество просмотров: 140
  • Количество скачиваний: 0
- Предыдущая Жедел және созылмалы бронхит. Фарингит
Следующая - Форум Инвестиции в будущее

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

Марина Ивановна Цветаева Марина Ивановна Цветаева 105
Организация игровой деятельности детей раннего дошкольного возраста в соответствии с их возрастными возможностями и задачами, индивидуализацией, необходимыми условиями и планированием педагога с ФГОС проект Организация игровой деятельности детей раннего дошкольного возраста в соответствии с их возрастными возможностями и задачами, индивидуализацией, необходимыми условиями и планированием педагога с ФГОС проект 172
Организация внеурочной деятельности в условиях ГБОУ ЦРО №4 Организация внеурочной деятельности в условиях ГБОУ ЦРО №4 114
Презентация по инженерной графике Презентация по инженерной графике 111
Игра и игрушка в детской субкультуре методическая разработка Игра и игрушка в детской субкультуре методическая разработка 131
Рабочая программа педагога ДОУ презентация Рабочая программа педагога ДОУ презентация 117
ПК 4.5 презентация к уроку по теме ПК 4.5 презентация к уроку по теме 97
Праздничное агентствоКонфеттиПраздник без усилий Праздничное агентствоКонфеттиПраздник без усилий 77
Школа молодого лідераДніпропетровськ, 2013Від стратегії -до проектів Школа молодого лідераДніпропетровськ, 2013Від стратегії -до проектів 85
Презентация Деловой Экономической игры Предпринимательство презентация Презентация Деловой Экономической игры Предпринимательство презентация 169
Презентация по дисциплиние зданяи и инженерные системы гостиниц Оборудование службы приема и размещения Презентация по дисциплиние зданяи и инженерные системы гостиниц Оборудование службы приема и размещения 193
Современный детский сад: начало развития индивидуальных способностей успешного человека. презентация Современный детский сад: начало развития индивидуальных способностей успешного человека. презентация 109
uchebno-metodicheskiy kompleks perspektiva uchebno-metodicheskiy kompleks perspektiva 108
Современные инновационные формы работы с родителями воспитанников в условиях реализации ФГОС ДО презентация Современные инновационные формы работы с родителями воспитанников в условиях реализации ФГОС ДО презентация 140
Урок французского языка в 4 классе по теме Париж - столица Франции, УМК А.С.Кулигина Твой друг французский язык презентация к уроку (4 класс) Урок французского языка в 4 классе по теме Париж - столица Франции, УМК А.С.Кулигина Твой друг французский язык презентация к уроку (4 класс) 94
2016-2017 Презентация Телеграф (январь 2017) презентация к уроку (подготовительная группа) по теме 2016-2017 Презентация Телеграф (январь 2017) презентация к уроку (подготовительная группа) по теме 178
С Новым годом и Рождеством всех! С Новым годом и Рождеством всех! 92
109
презентация к занятию (2 часть) презентация к занятию (2 часть) 109
Методы увеличения нефтеотдачи Методы увеличения нефтеотдачи 174
adaptatsiya k detskomu sadu okonchatelnyy variant adaptatsiya k detskomu sadu okonchatelnyy variant 96
Игра Все обо всем материал (1 класс) Игра Все обо всем материал (1 класс) 192
Сүт және сүт тағамдары Сүт және сүт тағамдары 149
Буклет Планируемые достижения ребенка к трем годам жизни материал Буклет Планируемые достижения ребенка к трем годам жизни материал 49
Взаимодействие с агрессивными, гиперактивными и тревожными детьми консультация по теме Взаимодействие с агрессивными, гиперактивными и тревожными детьми консультация по теме 126
Ауладағы гүлдер презентация к уроку Ауладағы гүлдер презентация к уроку 230
Эссе: Миссия учителя статья по теме Эссе: Миссия учителя статья по теме 48
Бизнести уюштуруунун формалары Бизнести уюштуруунун формалары 114
Технические средства индивидуальной защиты Технические средства индивидуальной защиты 95
esenin 3 esenin 3 45