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

Способы внедрения CSS

Внедрение CSS-кода в HTML-документ

Урок №5
Способы внедрения CSS
Способы внедрения CSS-кода в HTML-документ.

Внедрить CSS-код в HTML-документ можно тремя способами:
1. С помощью тегов <style> </style> (вы уже с ним знакомы),
2. С помощью атрибута style=" ",
3. С помощью тега <link>

Внедрение CSS с помощью тегов <style>

Теги <style> </style> помещают в голове HTML-документа, затем между ними размещают CSS-код.

<head>
 <style>
  имяТега { CSS-свойство: значение; }
 </style>
<head>

Внедрение CSS с помощью атрибута style=" "

Атрибут style=" ", помещают в тег, чтобы изменить только его внешний вид.

<имяТега style="CSS-свойство: значение;">

Внедрение CSS с помощью тега <link>

Тег <link> помещают в голову HTML-документа head. Тег link ссылается на внешний CSS-файл, в котором находится CSS-код.

<head>
 <link rel="stylesheet" href="имяФайла.css">
<head>

В следующих уроках, мы рассмотрим каждый способ внедрения CSS более подробно.

Читать далее: Внедрение CSS-кода, с помощью тега style

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

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

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

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

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