Виды селекторов
Селекторы правила CSS могут быть
-
селекторами элементов;
p {font-family: Garamond, serif;}
-
селекторами классов;
.note {color: red; background: yellow; font-weight: bold;}
-
селекторами идентификаторов;
#paragraph1 {margin: 0;}
-
селекторами атрибутов;
a[href="http://www.somesite.com"]{font-weight:bold;}
-
селекторами потомков (контекстными селекторами);
div#paragraph1 p.note {color: red;}
-
селекторами дочерних элементов;
p.note > b {color: green;}
-
селекторами сестринских элементов;
h1 + p {font-size: 24pt;}
-
селекторами псевдоклассов;
a:active {color:yellow;}
-
селекторами псевдоэлементов.
p:first-letter {font-size: 32px;}
-
Также в CSS существует так называемый универсальный селектор, обозначающий любой элемент, встречающийся в документе. Например, * {color:red;}. Перед любым селектором, задающим класс или идентификатор, можно поставить знак универсального селектора, в результате получится эквивалентное выражение, например, .first {...} и *.first {...} имеют один и тот же смысл.
-
Содержание
- Компьютерные сети, как средство обмена информацией.
- Технология World Wide Web (www).
- Браузеры и их назначение. Google Chrome, Opera, Firefox, Safari, ie.
- Понятие веб-дизайна. Профессия веб-дизайнера
- Искусство веб-дизайнера. Необходимые навыки.
- Основные компоненты web-страницы и способы их визуального представления на страницах сайта.
- Этапы разработки web-сайта
- Основные языки веб-программирования. Клиентские и серверные языки.
- Синтаксис гипертекстовой разметки. Теги. Атрибуты.
- Структура html-документа
- Заголовок и тело html-документа Заголовок документа
- Тело документа
- Цветовое оформление документа
- Разделение текста на строки, абзацы. Внутристрочное форматирование. Разрыв строки.
- Логическое форматирование гипертекста
- Физическое форматирование
- Использование графики в html-документах
- Гиперссылки. Абсолютный и относительный url
- Списки в html. Виды. Общая характеристика.
- Нумерованные списки в html
- Маркированные списки в html
- Виды верстки веб-страниц. Общая характеристика.
- Табличная верстка в html.
- Блочная верстка в html.
- Выравнивание данных в ячейках. Align и valign
- Объединение ячеек в нтмl.
- Общее определение каскадных таблиц стилей css. Цель создания css
- Способы подключения css к документу
- Построение правила css. Виды селекторов Построение правила css
- Виды селекторов
- Наследование. Каскадирование. Приоритеты стилей css.
- Преимущества и недостатки css-вёрстки
- Классы элементов. Идентификаторы элементов.
- Подготовка иллюстраций для web. Gif. Jpeg.
- Общее понятие фреймов.
- Хостинг. Размещение сайта в Интернете.