Задания

Задача №1

Представим, что мы вместе делаем проект. В нем используется следующая файловая структура.

project/
  css/
    style.css
  images/
    icon.png
  index.html

Тебе нужно решить 2 задачи. Во-первых, подключить файл style.css в index.html. Во-вторых, в файле style.css для следующего каскада нужно исправить путь до файла icon.png

.link{
    background-image: url("icon.png");
}

Примечание. Путь к файлу нужно указать в двойных кавычках.

Задача №2

Посчитайте специфичность следующего селектора:

div.menu ul li a.link {
    color: #000;
}

Задача №3

Какого цвета будет текст в следующем коде?

<div class="content">
    <p id="paragraph">
        Lorem ipsum dolor sit amet consectetur adipisicing elit.
        Vel, voluptate provident quasi voluptatem aliquam ipsum labore
        vitae incidunt pariatur illum.
    </p>
</div>

body{
    color: green;
}

#content{
    color: tomato;
}

.paragraph{
    color: red;
}

Задача №4

Напишите HTML по следующему селектору:

div#header ul.menu li a.link{
    color: #000;
}