Лабораторная по селекторам
Лабораторна робота №5
1. Створіть у своєму каталозі нову папку під ім’ям «css» в якій необхідно
зберігати всі файли із таблицями каскадних стилів.
2. Використовуючи програму HTML Pad створіть новий документ CSS, який
назвіть, наприклад – «style.css» і збережіть в папці «css».
3. Відкрийте раніше створений HTML-документ Самостійна робота №2.
Перейменуйте його в документ Самостійна робота №5.
4. В документі html «Самостійна робота №5» внесіть наступні зміни між
тегом <head>:
<link href="css/style.css" – даний тег вказує шлях до таблиці стилів;
type="text/css" – даний тег вказує на тип документа, який підключається до
HTML-документа;
rel="stylesheet" – означає взаємозв’язок. Вказує браузеру на підключення
таблиці стилів, які знаходяться в документі «style.css».
Таблиці каскадних стилів (CSS) складаються із набора правил. Кожне
правило складається із одного або декількох селекторів і блока
представлення, який виділяється фігурними дужками «{…}». Блок
представлення може включати в собі декілька властивостей відокремлених
один від одного крапкою з комою «;», всі властивості повинні мати значення
відокремлене двокрапками «:».
Лабораторна робота №6 (Селектори нащадків) 1. Використовуючи програму HTML Pad створіть новий документ CSS, який назвіть, наприклад – «style6.css» і збережіть в папці «css». 2. Відкрийте раніше створений HTML-документ «Самостійна робота №3». Збережіть його під новою назвою «Самостійна робота №6». 3. В html-документі «Самостійна робота №6» внесіть наступні зміни в тег : . 2 6. В документі «style6.css» використовуючи таблиці стилів добавте селектор body в якому вкажіть значення властивостей: шрифт – Arial, Helvetica, sansserif; розмір шрифту – 16px; колір шрифту – #FFFF00; колір фону – #003333; border-collapse: collapse; 7. В документі «style6.css» добавте селектори: ul і ol, як показано на малюнку. Збережіть вказані зміни.