- •2. Яке призначення мови css
- •3. Синтаксис мови сss
- •5. Глобальні таблиці стилів (Global Style Sheets)
- •6. Зв’язані таблиці стилів (Linked Style Sheets)
- •7. Звязок між таблицею стилів і html
- •8.Що таке анімація основні способи задання анімації
- •9. Основні елементи інтерфейсу Flesh
- •10. Призначення ключових кадрів та їх використаняя
- •11. Призначення шкали кадрів та робота з нею
- •12. З якою метою використовується символ
- •13. Як перетворити графічний об’єкт в символ
- •14. Види символів
- •15. Як відредагувати символ
- •16. Як створити кнопку з гіперпосиланням
1.що таке стиль WEB сторінки
Стиль використовують для форматування на Web- сторінках тексту (завдання шрифту, кольору, інтервалу між рядками, відступу для абзацу, вирівнювання, величини полів).
2. Яке призначення мови css
Cascading Style Sheets (Таблиці Каскадних Стилів) – це мова для опису зовнішнього вигляду довільного HTML-документу. З її допомогою дизайнер має можливість повністю визначати стиль та розташування кожного елементу веб-сторінки.
Стилі у мові CSS визначаються за допомогою правил. Правило складається з двох частин: селектора (наприклад: H1) та визначення (наприклад: color: blue). Визначення в свою чергу також складається з двох частин: властивості (color) та його значення (blue).
3. Синтаксис мови сss
Стилі у мові CSS визначаються за допомогою правил. Правило складається з двох частин: селектора (наприклад: H1) та визначення (наприклад: color: blue). Визначення в свою чергу також складається з двох частин: властивості (color) та його значення (blue).
4. Внутрішні таблиці стилів (Inline Style Sheets)
Внутрішні таблиці стилів вставляються безпосередньо в HTML-теги, розташовані в розділі BODY, за допомогою спеціального атрибуту. Вони задають стиль тільки для одного елемента документу за допомогою атрибуту STYLE у відповідному HTML-тегові.
Приклад на мові HTML без використання атрибуту STYLE:
<font color="blue" size="3" face="Arial"> Текст без використання стилю </font>
Приклад Inline Style Sheets:
<font style="color:blue; font-size:12pt; font-family:Arial"> Текст з використанням стилю </font>
З наведеного прикладу видно, що код Inline Style Sheets більший, ніж код HTML. Тому ISS слід використовувати лише в тих випадках, коли необхідно задати окремому елементу свій індивідуальний стиль, який існує в класифікації CSS, але нереалізований в HTML.
5. Глобальні таблиці стилів (Global Style Sheets)
Глобальні стилі визначають вигляд елементів всього документу. Для цього використовується тег <STYLE type="text/css">. Він розташовується в заголовку документа.
Приклад Global Style Sheets:
<html>
<head>
<title> Приклад глобальної таблиці стилів </title>
<style type="text/css">
P {color:red; font-weight:bold; text-align:center}
H1 {color:blue; font-style:italic; text-align:center}
H2 {color:black; text-decoration:underline; text-align:center; font-size : 24pt}
</style>
</head>
<body>
<p > Hello KSM-41</p>
<H1>Незабаром</H1>
<H2>Випускний вечір</H2>
<H1>Очікуємо з нетерпінням</H1>
</body>
</html>
В даному прикладі всі елементи P будуть написані червоним напівжирним шрифтом та розташовані по центру; всі елементи H1 будуть написані синім курсивом та розташовані по центру; всі елементи H2 будуть написані чорним підкресленим шрифтом і також розташовані по центру.
6. Зв’язані таблиці стилів (Linked Style Sheets)
Зв’язані таблиці стилів використовуються для надання документу єдиного стилю і зберігаються в окремому файлі, який має розширення css. Це дуже вигідно, коли потрібно витримати сайт в одному стилі без зайвих зусиль.
Приклад css-файлу styles.css:
P {color:red; font-weight:bold; text-align:center}
H1 {color:blue; font-style:italic; text-align:center}
H2 {color:black; text-decoration:underline; text-align:center; font-size : 24pt}
В документах HTML створюється гіперпосилання на цей файл за допомогою тегу LINK: <LINK rel="STYLESHEET" TYPE="text/css" HREF="шлях до файлу">
Приклад файлу Index.html, який зв’язується з файлом styles.css:
<html>
<head>
<title> Приклад зв’язаної таблиці стилів </title>
</head>
<LINK rel="stylesheet" type="text/css" href="styles.css">
<body>
Зміст документу
</body>
</html>