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