CSS 3 Синтаксис. Приклад 1

CSS 3 Синтаксис
Основи CSS Основи CSS
Синтаксис селектор {властивість: значення;} ОПИС ПРАВИЛО
Синтаксис Селектор (Selector). Селектор - це елемент, до якого будуть застосовуватися стилі. Це може
Класи СЕЛЕКТОР.ІМ’Я_КЛАСУ {ОПИС}
Ідентифікатори div#content { position: absolute; top: 10px; left: 10%; right: 10%; border: solid 1px
Основи CSS Основи CSS
Групування властивостей #pp { margin-left: 10px; margin-top: 5px; margin-right: 40px; margin-bottom: 15px; } .s1
Використання стилів Вставка (Inline). Стиль задається до вказаного HTML-елемента. Впровадження (Embedded ). Впровадження дозволяє
Це текст с кеглем 12 точок і гарнітурою" src="https://present5.com/customparser/-76567357_437002197 --- css_3_1.ppt/slide_10.jpg" alt="Вставка (Inline)

Це текст с кеглем 12 точок і гарнітурою" />

Впровадження (Embedded ) <html> <head> ... <style> правила CSS </style> ... </head> <body> ...
" src="https://present5.com/customparser/-76567357_437002197 --- css_3_1.ppt/slide_12.jpg" alt="Зв’язування (Linke чи External) " />
Скачать презентацию CSS 3 Синтаксис. Приклад 1 Скачать презентацию CSS 3 Синтаксис. Приклад 1

css_3_1.ppt

  • Количество слайдов: 12

>CSS 3 Синтаксис CSS 3 Синтаксис

Основи CSS Основи CSS Приклад 1 Основи CSS

Перший заголовок

Перший параграф

p,h1 {color: #800000; font-family: Tahoma; font-size: 66px}

>Синтаксис селектор {властивість: значення;} ОПИС ПРАВИЛО Синтаксис селектор {властивість: значення;} ОПИС ПРАВИЛО

>Синтаксис Селектор (Selector). Селектор - це елемент, до якого будуть застосовуватися стилі. Це може Синтаксис Селектор (Selector). Селектор - це елемент, до якого будуть застосовуватися стилі. Це може бути тег, клас або ідентифікатор об'єкту гіпертекстового документу. Властивість (Property). Властивість визначає одну або декілька характеристик селектора. Властивості задають формат відображення селектора : відступи, шрифти, вирівнювання, розміри і т.д. Значення (Value). Значення - це фактичні числові або строкові константи, що визначають властивість селектора. Опис (Declaration). Сукупність властивостей і їх значень. Правило (Rule). Повний опис стилю (селектор + опис).

>Класи СЕЛЕКТОР.ІМ’Я_КЛАСУ {ОПИС} Класи СЕЛЕКТОР.ІМ’Я_КЛАСУ {ОПИС}

>Ідентифікатори div#content { position: absolute; top: 10px; left: 10%; right: 10%; border: solid 1px Ідентифікатори div#content { position: absolute; top: 10px; left: 10%; right: 10%; border: solid 1px silver; } ...

Текст

Основи CSS Основи CSS Приклад 2 Основи CSS

Перший заголовок

Перший параграф

Другий параграф

#pp { width: 800px; margin: 0 auto; } .s1 { font-weight: bolder; color: darkred; } .s2 { font-weight: lighter; color: green; }

>Групування властивостей #pp { margin-left: 10px; margin-top: 5px; margin-right: 40px; margin-bottom: 15px; } .s1 Групування властивостей #pp { margin-left: 10px; margin-top: 5px; margin-right: 40px; margin-bottom: 15px; } .s1 { font-weight: bolder; color: darkred; } .s2 { font-weight: lighter; color: green; } div {margin: 5px 40px 15px 10px;}

>Використання стилів Вставка (Inline). Стиль задається до вказаного HTML-елемента. Впровадження (Embedded ). Впровадження дозволяє Використання стилів Вставка (Inline). Стиль задається до вказаного HTML-елемента. Впровадження (Embedded ). Впровадження дозволяє керувати стилями всієї сторінки в цілому. Зв’язування (Linked чи External). Опис стилів виноситься за межі html-файлу. Можна керувати стилями багатьох сторінок.

Це текст с кеглем 12 точок і гарнітурою" src="https://present5.com/customparser/-76567357_437002197 --- css_3_1.ppt/slide_10.jpg" alt=">Вставка (Inline)

Це текст с кеглем 12 точок і гарнітурою" /> Вставка (Inline)

Це текст с кеглем 12 точок і гарнітурою Courier

>Впровадження (Embedded ) <html> <head> ... <style> правила CSS </style> ... </head> <body> ... Впровадження (Embedded ) ... ... ...

" src="https://present5.com/customparser/-76567357_437002197 --- css_3_1.ppt/slide_12.jpg" alt=">Зв’язування (Linke чи External) " /> Зв’язування (Linke чи External)