Таблицы Стилей CSS - Уроки HTML и CSS - Каталог статей

Таблицы Стилей CSS

Когда браузер читает таблицу стилей, он форматирует документ в соответствии с этой таблицей.

Существует три способа вставки таблицы стилей:

Внешняя таблица стилей

Внутренняя таблица стилей

Встроенные стили

Внешняя таблица стилей - идельно подходит, когда стили применяются ко многим страницам. Используя внешнюю таблицу стилей вы можете изменить вид целого Веб сайта - отредактировав один файл. Каждая страница должна ссылаться на таблицу стилей, используя тег <link>. Тег <link> должен находится в <head>-секции:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

Внутренняя таблица стилей может использоваться, если один документ имеет уникальное оформление. Внутренние стили определяются в <head>-секции HTML страницы, используя тег <style>, например так:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

Встроенный стиль может использоваться, если уникальное оформление должно быть применено к одному элементу.

Для того чтобы использовать встроенные стили, вставьте атрибут style в соответствующем теге. Атрибут style может содержать любое CSS свойство. Пример ниже показывает как изменить цвет текста и левый отступ параграфа:
<p style="color:blue;margin-left:20px;">Это параграф.</p>

Тег <style> Определяет информацию о стилях для документа
Тег <link /> Определяет связь между документом и внешним ресурсом

Категория: Уроки HTML и CSS | Добавил: kintev (16.12.2012)

Просмотров: 855 | Рейтинг: 0.0/0

Всего комментариев: 0

Поиск

Друзья сайта

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0