ложение нового материала
Основы, как работает css
5 мин
4
Примеры использования стилей
сайт http://www. csszengarden. com/
5 мин
5
Изложение нового материала
Назначение каскадных таблиц стилей
Подключение таблицы стилей
3 основных селектора которые используются при создании css стилей:
Селектор тэгов
ID селектор
Селектор классов
12 мин
6
Закрепление нового материала
Практическая работа: "Создание web-страницы с использованием таблицы стилей (CSS)"
15 мин
7
Итоги урока
5 мин
Давайте разбираться с технологиями css на уроке мы поговорим об основах, как оно вообще работает.
На данный момент мы пока научились создавать только html страницы
Вот у нас пример, который содержит ряд Html тегов: КОД
Это мы подготовили фундамент и наша задача подключить к данной странице таблицу стилей, делается это достаточно просто. В области Head мы пропишем специальный тег и укажем что мы хотим подключить style. css т. е это таблица стилей которое имеет расширение . css, а имя у нее может быть любое. В области Head мы прописываем данный параметр. Браузер когда он доходит до данной строки он начинает искать файл с таким именем по тому пути который мы ему здесь укажем. Если он этот файл находит то он подключает этот файл к нашему документу, такой невидимой связью.
Данный файл содержит определенное количество стилей.
Стиль - это указание браузеру как отображать тот или иной элемент потому что мы можем скрывать элементы с помощью таблиц стилей и двигать, размещать поэтому условимся что данный файл может содержать N -ное количество стилей. И для браузера это значит следующее, когда он доходит до тега Body все что находиться
Страницы: << < 1 | 2 | 3 | 4 > >>