Главная » Статьи » Уроки 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)
Просмотров: 420 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *: