Skip to content
This repository has been archived by the owner on Nov 2, 2021. It is now read-only.

Latest commit

 

History

History

decoration

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 

Стили текста и оформления

Описание задания:

Домашнее задание выполнять в редакторе по ссылке Домашнее задание к лекции «Стили текста и оформления»

№1. В следующем тексте установить размер шрифта в em или процентах для элементов strong так, чтобы в результате размер шрифта в каждом элементе strong составлял 20px.

Задание 1

№2. Не меняя разметку, сделать так, чтобы текст был полностью однородным, т.е. стили всех тегов были одинаковыми.

Задание 2

№3. Изменить стиль рамки блока на точечную и установить на фон картинку, которая будет располагаться справа по центру. Также фон блока должен быть светло-серым.

Задание 3

№4. Добавить обводку толщиной 3 пикселя любого цвета для блока таким образом, чтобы видимое расстояние между рамкой и обводкой составляло 5px. Обводка должна быть внутри рамки. На фон установить картинку таким образом, чтобы она покрыла весь блок без повторов.

Задание 4

№5. Сделать маркированный список нумерованным двумя способами. Цифры в первом случае должны быть римскими, во втором — арабскими со скобочкой в конце: 1), 2), 3) и т.д.

Задание 5

№6. Сделать нумерованный список маркированным двумя способами. В качестве маркера в первом способе должен выступать квадратик, во втором – символ звездочки *.

Задание 6

Требования к заданию:

  • Все задачи должны быть выполнены только с помощью CSS.
  • Нельзя изменять HTML-разметку.

Процесс реализации

  1. Прочитать инструкцию по работе с онлайн-редактором Codepen.
  2. Зарегистрироваться в Codepen.
  3. После регистрации перейти по ссылке https://codepen.io/Netology/pen/pdOqjX.
  4. Нажать кнопку Fork.
  5. Выполнить домашнее задание.
  6. Нажать кнопку Save.
  7. Скопировать адрес из адресной строки браузера.
  8. В личном кабинете на сайте Нетологии открыть страницу домашней работы и вставить скопированную ссылку в поле «Комментарий к решению».

Никакие файлы загружать не нужно.