Лабораторна робота №6 Тема: Знайомство з CSS. Знайомство із селекторами.
Завдання:
2. Створити файл стилів style.css. Створити HTML-документ task1.html та підключити у ньому style.css.
1. Додати декілька абзаців тексту. Використовуючи селектор тегів задати для них зелений колір тексту та вирівнювання по центру. (color: red; text-align:center;).
2. Додати до 1-го та 3-го абзаців клас та за до селектору класів змінити колір тексу на червоний.
3. Додати до другого абзацу ідентифікатор та за до відповідного селектору змінити колір тексту на рожевий.
4. Додати на сторінку 2 будь-яких посилання та задати їм червоний колір тексту.
5. Створити багаторівневе меню (використати маркований список та тег для додавання посилань – кожен елемент списку – посилання):
⦁ Фрукти:
⦁ Ананас
⦁ Апельсин
⦁ Банан
⦁ Яблуко
⦁ Овочі:
⦁ Картопля
⦁ Огірок
⦁ Буряк
⦁ Ягоди
⦁ Полуниця
⦁ Малина
⦁ Смородина
5.1. Усім посиланням меню задати рожевий колір.
5.2. Лише пунктам головного меню (посиланням) задати зелений колір.
5.3. Прибрати маркери лише у вкладених списках
(list-style-type:none;).
5.4. Змінити тип маркера (list-style-type: square;) останнього списку (полуниця, малина, смородина).
5.5. Для посилань, що знаходяться в останньому списку задати властивість (text-decoration: none;).
При виконанні 5-ого завдання використати селектори тегів, класів, дочірні та контекстні селектори.
3. Створити HTML-документ task2.html та підключити у ньому style.css. Скопіювати в нього наступний код:
filter
Метод arr.filter(callback[, thisArg]) используется для фильтрации массива через функцию.
Он создаёт новый массив, в который войдут только те элементы arr, для которых вызов callback(item, i, arr)возвратит true.
Например:
var positiveArr = arr.filter(function(number) {
return number > 0;
});
alert( positiveArr ); // 1,2,3
3.1. Лише для абзацу, що знаходиться ПІСЛЯ заголовка першого рівня, задати розмір шрифту (font-size:20px;).
3.2. Для програмного коду, що міститься в абзаці задати червоний колір тексту.
3.3. Для програмного коду, що знаходиться ПІСЛЯ абзацу задати рожевий колір тексту.
При виконанні завдання використати дочірні та сусідні селектори.
4. Створити HTML-документ task3.html та підключити у ньому style.css. Реалізувати з використанням стилів для списків меню за зразком. Використати селектори для дочірніх елементів:
5. Створити HTML-файл за зразком. Оформити сторінку за до CSS. Зображення повинно бути посиланням на зображення більшого розміру:
6. Реалізувати сторінку за зразком за до HTML та CSS
7. Реалізувати форму за зразком.
8. Зберегти файл.
105₁₀ = 1101001₂ = 69₁₆
61₁₀ = 111101₂ = 3D₁₆
156₁₀ = 10011100₂ = 9С₁₆
Объяснение:
105 / 2 = 52 + остаток 1
52 / 2 = 26 + остаток 0
26 / 2 = 13 + остаток 0
13 / 2 = 6 + остаток 1
6 / 2 = 3 + остаток 0
3 / 2 = 1 + остаток 1
1 / 2 = 0 + остаток 1
записываем снизу вверх
105₁₀ = 1101001₂
105 / 16 = 6 + остаток 9
6 / 16 = 0 + остаток 6
записываем снизу вверх
105₁₀ = 69₁₆
111101₂ = 1 * 2⁵ + 1 * 2⁴ + 1 * 2³ + 1 * 2² + 0 * 2¹ + 1 * 2⁰ = 1 * 32 + 1 * 16 + 1 * 8 + 1 * 4 + 0 * 2 + 1 * 1 = 32 + 16 +8 + 4 + 1 = 61₁₀
61 / 16 = 3 + остаток 13
3 / 16 = 0 + остаток 3
записываем снизу вверх
61₁₀ = 3D₁₆
9С₁₆ = 9 * 16¹ + С * 16⁰ = 9 * 16 + 12 * 1 = 144 + 12 = 156₁₀
156 / 2 = 78 + остаток 0
78 / 2 = 39 + остаток 0
39 / 2 = 19 + остаток 1
19 / 2 = 9 + остаток 1
9 / 2 = 4 + остаток 1
4 / 2 = 2 + остаток 0
2 / 2 = 1 + остаток 0
1 / 2 = 0 + остаток 1
записываем снизу вверх
156₁₀ = 10011100₂
В качестве цифр шестнадцатеричной системы счисления обычно используются цифры от 0 до 9 и латинские буквы от A до F.
A₁₆ = 10₁₀ B₁₆ = 11₁₀ C₁₆ = 12₁₀ D₁₆ = 13₁₀ E₁₆ = 14₁₀ F₁₆ = 15₁₀