Читать учебники:
HTML, CSS, JavaScript, DOM
PHP, MySQL, Apache, WordPress
Photoshop, Веб-дизайн, Flat
SEO, SMM, Landing Page

Внедрение 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

Вам понравились уроки? Поддержите проект "Учебники для вебмастера"!
Можете отправить с карточки, мобильного телефона или яндекс.кошелька.
Минимальная сумма перевода 30 руб.

Категория: Статья
Статья создана: 16 Окт 2014
Статья обновлена: 5 Фев 2016

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

gabdrahimov.ru - сайт для веб-разработчиков
(c) При использовании материалов, ссылка на сайт обязательна
Автор: Габдрахимов Дамир Google
e-mail: gabdr0[at]ya.ru
разработка сайта - gabdr0
бесплатный PHP хостинг (без рекламы!) - Beget