Что такое 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)

Слайд 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
  • Количество просмотров: 135
  • Количество скачиваний: 0