Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
WEB - дизайн / Лабораторные работы / Лабораторная работа №10 / Лабораторна робота №10 Оформление.doc
Скачиваний:
20
Добавлен:
30.05.2020
Размер:
1.16 Mб
Скачать
  1. Що таке каскадна таблиця стилів?

Таблиці каскадних стилів (CSS, Cascading Style Sheets) містять параметри форматування частини або всього тексту веб-сторінки. Якщо таку таблицю підключено, то у тегах можна просто вказувати посилання на неї, а не задавати велику кількість атрибутів. У цьому випадку стилі названі каскадними тому, що в одному документі їх можна описати кілька, і браузер використовуватиме їх каскадом відповідно до їхнього пріоритету.

Таблиці каскадних стилів — це передусім набори параметрів, що змінюють властивості тегів HTML. Такі набори називають ще визначеннями тегів. Наприклад:

Р {font-size: 40pt; color: green; font-family: "Comic Sans MS"}

  1. Які є способи застосування каскадних таблиць стилів?

Є три способи зв'язку каскадних стилів із HTML-документом: підключення зовнішньої таблиці стилів; розташування опису стилів у розділі HEAD документа; задавання властивостей стилів безпосередньо в тегах абзаців чи заголовків.

  1. Назвіть властивості каскадних таблиць стилів для тексту.

    Властивість

    Значення

    Пояснення

    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

    Пробіли та перенесення між словами

  2. Які ви знаєте властивості для фону сторінки?

    background-image

    url("Адреса графічного файлу для тла")

    Фонове зображення

  3. Що таке абсолютне позиціонування?

Абсолютно позиційовані елементи повністю видаляються з потоку документа. Це означає, що вони взагалі не роблять впливу на свій елемент предок або на елементи, які з’являються після них у вихідному коді. Абсолютно позиційований елемент буде перекривати інший контент, якщо цьому не перешкодити спеціальними діями. Іноді, звичайно, це перекриття є тим, що потрібно, але потрібно знати про це, щоб бути впевненим, що буде отримане необхідне компонування!