Селекторы тегов CSS
Селекторы тегов в языке CSS
Селекторы
Селекторы тегов в CSS
Схема CSS-кода выглядит следующим образом:
селектор {
CSS-свойство: значение;
CSS-свойство: значение;
... и т.д.
}
В селекторе тега, в качестве селектора выступает имя тега :
имяТега { CSS-свойство: значение; CSS-свойство: значение; и т.д. }
Селекторы тега — это выборка элементов по именам их тегов: h1, p, img, a и т.д. Это пока что единственный знакомый нам селектор, который мы изучали в учебнике по CSS .
Допустим у нас есть HTML-документ, содержащий следующий код:
<!DOCTYPE html>
<html>
<head>
<title>Страница о снежном барсе</title>
</head>
<body>
<h1>Снежный барс</h1>
<p>
Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства
кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии,
Казахстана, Киргизстана, Китая, Монголии, Непала, Пакистана, России,
Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом,
относительно короткими лапами, небольшой головой и очень длинным хвостом.
Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг.
Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными
пятнами.</p>
<p>
Охотится снежный барс, в основном, на горных козлов и баранов, также в его
рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности
местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по
приблизительным оценкам их количество варьируется в районе около 10 тысяч
особей. По состоянию на 2013 год, охота на снежных барсов повсеместно
запрещена.</p>
</body>
</html>
Открыв документ в браузере, получим следующее .
Назначим с помощью CSS, абзацам синий цвет текста. Для этого, в качестве селектора нужно написать имя тега абзаца p и сразу у всех абзацев , цвет текста станет синим:
<style>
p {
color: blue;
}
</style>
Код HTML-документа:
<!DOCTYPE html>
<html>
<head>
<title>Страница о снежном барсе</title>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<h1>Снежный барс</h1>
<p>
Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства
кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии,
Казахстана, Киргизстана, Китая, Монголии, Непала, Пакистана, России,
Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом,
относительно короткими лапами, небольшой головой и очень длинным хвостом.
Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг.
Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными
пятнами.</p>
<p>
Охотится снежный барс, в основном, на горных козлов и баранов, также в его
рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности
местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по
приблизительным оценкам их количество варьируется в районе около 10 тысяч
особей. По состоянию на 2013 год, охота на снежных барсов повсеместно
запрещена.</p>
</body>
</html>
Открыв документ в браузере, получим следующее .
Читать далее: Селекторы классов CSS
Вам понравились уроки? Поддержите проект "Учебники для вебмастера" !30 руб.
Статья создана: 16 Окт 2014
Статья обновлена: 5 Фев 2016
