
- •Лабораторна робота № 10
- •Хід роботи
- •Що таке каскадна таблиця стилів?
- •Які є способи застосування каскадних таблиць стилів?
- •Назвіть властивості каскадних таблиць стилів для тексту.
- •Які ви знаєте властивості для фону сторінки?
- •Що таке абсолютне позиціонування?
- •Яке позиціонування називається відносним?
- •Яка властивість вказує на тип позиціонування?
- •Яка дія властивості visibility? Опис css властивості visibility:
-
Що таке каскадна таблиця стилів?
Таблиці каскадних стилів (CSS, Cascading Style Sheets) містять параметри форматування частини або всього тексту веб-сторінки. Якщо таку таблицю підключено, то у тегах можна просто вказувати посилання на неї, а не задавати велику кількість атрибутів. У цьому випадку стилі названі каскадними тому, що в одному документі їх можна описати кілька, і браузер використовуватиме їх каскадом відповідно до їхнього пріоритету.
Таблиці каскадних стилів — це передусім набори параметрів, що змінюють властивості тегів HTML. Такі набори називають ще визначеннями тегів. Наприклад:
Р {font-size: 40pt; color: green; font-family: "Comic Sans MS"}
-
Які є способи застосування каскадних таблиць стилів?
Є три способи зв'язку каскадних стилів із HTML-документом: підключення зовнішньої таблиці стилів; розташування опису стилів у розділі HEAD документа; задавання властивостей стилів безпосередньо в тегах абзаців чи заголовків.
-
Назвіть властивості каскадних таблиць стилів для тексту.
Властивість
Значення
Пояснення
font-family
arial, sans-serif
Назва шрифта
font-size
16px
Розмір шрифта
font-style
normal, italic, oblique
Стиль шрифта
font-variant
normal, small-caps
Варіант шрифта
font-weight
normal(400), bold(700), bolder, lighter, 100 - 900
Жирність шрифта
word-spacing
1mm, 2mm
Відстань між словами
letter-spacing
1mm
Відстань між символами
line-height
2mm, 4mm
Відстань між рядками
text-align
left, right, center, justify
Вирівнювання тексту
text-decoration
none, underline, blink, overline, line-through
Оформлення тексту
text-indent
2cm
Абзацний відступ
text-transform
none, uppercase, lowercase, capitalize
Трансформація тексту
vertical-align
baseline, sub, super, top, text-top, middle, bottom, text-bottom
Вертикальне вирівнювання
white-space
normal, pre, nowrap, pre-wrap, pre-line
Пробіли та перенесення між словами
-
Які ви знаєте властивості для фону сторінки?
background-image
url("Адреса графічного файлу для тла")
Фонове зображення
-
Що таке абсолютне позиціонування?
Абсолютно позиційовані елементи повністю видаляються з потоку документа. Це означає, що вони взагалі не роблять впливу на свій елемент предок або на елементи, які з’являються після них у вихідному коді. Абсолютно позиційований елемент буде перекривати інший контент, якщо цьому не перешкодити спеціальними діями. Іноді, звичайно, це перекриття є тим, що потрібно, але потрібно знати про це, щоб бути впевненим, що буде отримане необхідне компонування!