четверг, 11 февраля 2021 г.

CSS Селекторы

* Все элементы

div <div>

div * Элементы внутри <div>

div span <span> внутри <div>

div, span <div> и <span>

div > span <span> с родителем <div>

div + span <span> после <div>

.class Элементы класса «class»

div.class <div> класса «class»

#itemid Элемент с id="itemid"

div#itemid <div> с id="itemid"

a[attr] <a> с атрибутом «attr»

a[attr='x'] <a> с «attr» равным «x»

a[class~='x'] <a> с «class»,

содержащим «x»

a[lang|='en'] <a> с «lang»,

начинающимся с «en»

пятница, 16 октября 2020 г.

Связь CSS и HTML. CSS-файл

Способ подключения стилей — через отдельный файл.

В этом случае файлы с расширением .html хранят HTML-код,

файлы с расширением .css — код на CSS.

HTML-страница связывается с отдельным CSS-файлом,

тегом <link>:

Пример: код HTML

<head>

</head>

У тега <link> атрибут rel указывает на предназначение подключаемого файла. Значение stylesheet говорит браузеру, что передаются стили.

Второй атрибут, href, указывает адрес CSS-файла.

четверг, 11 февраля 2021 г.