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