Slaidy.com- Знакомство с каскадными таблицами стилей. Опорный конспект с заданиями
Содержание
- 2. Оглавление Занятие № 1. Основа Занятие № 1. Основа CSSЗанятие № 1. Основа CSS – селекторы
- 3. Занятие № 1. Основа CSS - селекторы HTML – основа WEB-страницы, ее каркас, т.е. ЧТО должно
- 4. Основа – селектор и правило (записывается в {}) Правило состоит из свойств и их значений, разделенных
- 5. позволяет изменять свойства выбранной группы элементов. Элементам надо в html-документе дать имя класса. name – имя
- 6. Правила Цвет элемента color:#1250FF; Рамки (с 4 сторон) border-width:2px; - ширина рамки border-style:solid|dashed|dotted| и др.; -
- 7. Задание Дан файл index.html с текстом, имеющим заголовок и разбитым на абзацы. Написать файл style.css, в
- 8. Правила Гарнитура Шрифта font-family:font1, font2, type_font; По умолчанию гарнитура шрифта – Times New Roman, font1 –
- 9. Размер шрифта font-size:14px; % - проценты (100%), em – единицы (1), px – пикселы (16), pt
- 10. Задание Дополнить файл style.css правилами для заголовка, устанавливающими гарнитуру шрифта из семейства sans-serif, размер шрифта 18
- 11. Занятие № 3. Оформление текста - работа с параметрами абзаца Правила Выравнивание text-align:left|center|right|justify; Красная строка text-indent:20px;
- 12. Занятие № 3. Оформление текста - работа с параметрами абзаца Задание Дополнить файл style.css правилами для
- 13. Занятие № 4. Понятие блок, оформление блоков Блочные модели Каждый тег для браузера (body – такой
- 14. Занятие № 4. Понятие блок, оформление блоков Задание Создать 5 блоков в html-файле: размер каждого блока
- 16. Занятие № 5. Создание каркаса сайта с помощью плавающих элементов Каркас с «шапкой», левом меню, содержимым
- 18. Занятие № 5. Создание каркаса сайта с помощью плавающих элементов Каркас с «шапкой», левом меню, правом
- 21. Скачать презентацию
