11 травня

Створивши сторінку, її інформаційне та змістове наповнення, можна приступати до дизайну – тобто графічного оформлення цієї сторінки. За стандартом HTML таке оформлення задається через стилі, а точніше каскадні аркуші стилів.

Прикладами стильових ефектів є наступні:

background – колір тла;
font-family – вид шрифта;
font-size – розмір шрифта;
color – колір шрифта;
text-decoration – оздоблення тексту;
font-weight – жирність шрифта;
text-align - вирівнювання тексту;
border-width - ширина границі;
border-style - стиль оформлення границі;
margin-top – відстань від верхнього рядка;
line-height – висота рядка.

Довідник CSS по властивостях

Поворот тексту в CSS найчастіше здійснюється за допомогою властивості transform та функції rotate().

1. Поворот на певний кут (transform: rotate)Використовується для повороту елемента (тексту, блоку) навколо його центру.

Додатні значення (наприклад, 45deg): обертання за годинниковою стрілкою.

Від'ємні значення (наприклад, -15deg): обертання проти годинникової стрілки.

2. Вертикальний текст (writing-mode)Якщо потрібно розташувати текст вертикально (зверху вниз), краще використовувати writing-mode.

3. Зміна орієнтації символів (text-orientation)Використовується у поєднанні з вертикальним режимом для налаштування того, як саме символи (латиниця, цифри) повертаються всередині вертикального рядка.

ЗАВДАННЯ:

Оформити "таємне повідомлення" на основі заготовки застосовуючи різні заливки, градієнти, повороти, нахили

заготовка завдання

Наприклад,