Опубликовано Оставить комментарий

Задания по основам CSS

Цветущая брусника
Цветущая брусника

Задачи по основам CSS призваны закрепить работу с набором базовыми CSS понятиями:  CSS селекторы, CSS-свойства, каскадность, CSS-свойства для работы с текстом, оформление фона HTML-элементов и работа с бордюрами. От понимания основ CSS зависит дальнейшая работа верстальщика. Важно помнить, что в отличие от спецификации HTML, о CSS можно прочитать в отдельных модулях W3. Читать далее…

Задания по основам CSS

  1. Создайте HTML-элемент style в разделе head произвольной страницы. Создайте селектор HTML-элемента body и при помощи CSS-свойства background задайте цвет телу документа. Обновите страницу в браузере, проверьте работу.
  2. Создайте CSS-файл и вставьте ссылку на этот файл в вашей HTML-странице. Убедитесь в правильности работы.
  3. Измените цвет текста HTML страницы
  4. Создайте класс для любого HTML-элемента на странице, а в CSS укажите для этого класса свойство border:2px solid #369.
  5. Создайте HTML-элемент div, с идентификатором some и окрасьте его при помощи селектора по идентификатору
  6. Измените шрифт и размер текста любого блочного элемента на странице, пользуясь примерами из презентации и занятия курса по HTML
  7. Выполните группировку двух селекторов
  8. Вставьте на страницу фоновое изображение при помощи CSS-свойств
  9. Зафиксируйте фоновое изображение так, чтобы при прокрутке страницы, оно не смещалось
  10. * Воспользуйтесь сервисом http://codepen.io и в окне для CSS, создайте правило для оформления тела страницы. Внутри правила наберите буквы «bg+» и нажмите клавишу TAB. Результатом должна стать строка: background: #fff url() 0 0 no-repeat;

Все задания по HTML

Добавить комментарий