Селекторы и свойства в CSS

Селектор в CSS – элемент (или группа элементов), для которого описываются стили. Например, селектор, тег h1, а свойство – цвет текста. Пример такого описания:

h1 {
    color: #F1F1F1;
}

селектор {
    свойство: значение;
}

Селектор может состоять из таких частей:

• Селектор тега, id селектор или селектор класса
• Селектор псевдокласса и (или) селектор атрибута

Например, селектор может быть таким:

#header .block h1:hover {
    color: #F1F1F1;
}

Можно перечислять несколько разных селекторов и описывать для них одинаковые свойства. Проще показать на примере.

h1 {
    color: #000000;
}
p {
    color: #000000;
}
.bold {
    color: #000000;
}

h1, p, .bold {
    color: #000000;
}

Это ознакомительный урок, по селекторам будет целый курс далее.

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться

1. Для тегов <h1> и <p> (не дописывайте новые селекторы, все уже есть) укажите два свойства: color: #FF0000 и text-align: center. Не забудьте точки с запятой (;) после свойств

– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter. Кстати, не забудьте посетить блог по саморазвитию.

– Не знаете как сделать? Спросите на одном из популярных форумов: (1) cyberforum.ru, (2) ru.stackoverflow.com, (3) programmersforum.ru, (4) forum.vingrad.ru, (5) php.ru/forum, (6) html.by.