День первый. Подключения стилей, Синтаксис.
методы подключения стилей CSS в теги <head>:
- <ink rel="stylesheet" type="text/css" href="css/stule.css"> – подключение css методом связанных стилей. Всё стили находятся в одном файле
- <style type="text/css"> сами стили <style> – парный тег для прописание глобальных стилей
Общий синтаксис в CSS:
Тут будет подключения xml файла
Виды селекторов:
- Селекторы тегов – задают стили для определенных тегов HTML
- Селекторы идентификатор (id) – задается через знак #, может быть использован только один раз на страницы. В HTML подключается при помощи атрибута id=””
- Селекторы классов – задается через точку. Прописывается для тех тегов, в которых они указаны. Могут использоваться неограниченное количество раз на странице. В HTML подключается при помощи атрибут class=””
День третий. Дополнительные виды селекторов.
Виды селекторов, Продолжение:
- Контекстные селекторы – указывают стили для тега(ов), которые находятся внутри других тегов. Задаются в файле стилей через пробел:
селектор1 селектор2. - Дочерние селекторы – указываются стили для дочерних тегов, которые находится в родительских тегах. Задаются в файле стилей через знак >.
селектор1 > селектор2. - Соседнее селекторы – указывают на стили соседних тегов, классов, блоков. Задаются в файле стилей через знак +.
селектор1 + селектор2. - Универсальный селектор – указывает стили сразу для всех элементов страницы. Задаются в файле стилей через знак *{}. Обнуляет все стили.
- Мультиклассы – позволяют задавать стили для элементов, которые используют два или более классов. Задается как обычные классы, через точку, но без пробела. .класс1.класс2
Приоритетность стилей
- Встроенный стиль
- Селектор по идентификатору
- Селектор по классу
- Селектор по названию тега
Внимание: если два и более стиле прописаны для одного элемента, то приоритет будет за последним.