Лабораторные ИД 3 курс / лабораторная 7 / Zadanie_7

Лабораторная работа №7

Тема. Наследование. Специфичность.

1. Создайте веб-страницу, для которой можно применить следующую таблицу стилей

<style>

.color1{color:red}

.font1{font-size:30pt}

ul li.first{color:green}

li.first{color:red}

h2.color1.font1{text-decoration:underline}

#tt{color:red}

#tt h3{color:blue}

#tt p.font1{font-weight:bold }

#picid img{border: 3px solid green}

img{border: 3px solid red}

a[hover]{color:blue}

</style>

• Наполнить элементы веб-страницы произвольным содержимым. Вычислить специфичность селекторов таблицы стилей.

• Повысить специфичность соответствующих селекторов, чтобы сделать цвет шрифта первого элемента списка и цвет рамки вокруг рисунка красными.

2. Выполните задания по ссылкам, код сохранить в своей папке, результаты объясните:

https://htmlacademy.ru/courses/66/run/7

https://htmlacademy.ru/courses/66/run/8

https://htmlacademy.ru/courses/66/run/9

https://htmlacademy.ru/courses/66/run/10

https://htmlacademy.ru/courses/66/run/11

https://htmlacademy.ru/courses/66/run/12

https://htmlacademy.ru/courses/66/run/13

https://htmlacademy.ru/courses/66/run/14

В задании №15 сделайте скриншот страницы с ответами, ответы объясните:

https://htmlacademy.ru/courses/66/run/15

https://htmlacademy.ru/courses/66/run/16

https://htmlacademy.ru/courses/66/run/17