Лабораторна робота №5

Тема: каскадні таблиці стилів

1. Зовнішні таблиці стилів

Завдання 1-а: Для уже готового сайту з папки z1 створити зовнішні
каскадні таблиці стилів та застосувати їх
Таблиця стилів повинна містити наступний набір правил форматування об'єктів:
1. тег H2 (назви замків):
 розмір шрифта - 20pt;
 колір - темно-синій (navy);
 вирівнювання - по центру;
 гарнітура шрифту - Вook Antiqua;
 накреслення - курсив;
 відстань між літерами - 5px
 

2. тег P (основний текст):
 розмір шрифта - 10pt;
 колір - чорний - (black);
 вирівнювання - по ширині;
 гарнітура шрифту - Comic Sans MS;
 відступ першого рядка абзацу - 15px
 

3. тег P (джерело інформації):
 розмір шрифта  - 8pt;
 колір - #009933;
 вирівнювання - по лівому краю;
 гарнітура шрифту - Tahoma
 відступ першого рядка абзацу - 15px;
 

4. тег IMG:
 горизонтальний і вертикальний відступи - 15px. 
 тінь - здвиг по х: 10px, здвиг по у; 5px, радіус розмиття; 12px,
колір; #888888.

Результатом роботи повинні бути веб-сторінки натупного вигляду (одна з

них):
Завдання 1-б: Для уже готового сайту з папки z2 створити
зовнішні каскадні таблиці стилів та застосувати їх
Таблиця стилів повинна містити наступний набір правил форматування об'єктів:
1. Зображення:
 відступи (в усі сторони) - 10px
 ширина - 150px

2. Заголовки:
 розмір шрифта - 30pt;
 колір - червоний- (red);
 вирівнювання - по центру;
 гарнітура шрифту - Arial Black;
 накреслення - курсив;
 відстань між літерами - 30px
 

3. Список:
 розмір шрифта  - 20pt;
 вирівнювання - по ширині;
 гарнітура шрифту - Book Antiqua;
 накреслення - курсив; 
  відступ першого рядка абзацу - 15px;

Результатом роботи повинні бути веб-сторінки натупного вигляду:

2. Внутрішні таблиці стилів

Завдання: створити веб-сторінку наступного вигляду

Матеріали для роботи знаходяться у папці z3

Таблиця стилів повинна містити наступний набір правил форматування об'єктів:

Координати тексту "Мова гіпертекстових документів": 40px, 40px

  Розмір тексту: 40pt
 Шрифт: Book Antiqua
 Колір: #CCFFFF

Координати тексту "HTML": 500px, 150px

 Розмір тексту: 36pt
 Шрифт: Arial Black
 Колір: #330066

Перше зображення: 10px, 10px, -2

Друге зображення: 300px, 100px, -3
Третє зображення: 300px, 330px, -1

Шпаргалка до завдання 1-а

Вміст файлу style.css

Для підключення зовнішнього файлу зі стилями потрібно використати тег <link>