Каскадные таблицы стилей – введение

Автор: Семавин Антон
Добавлен: 26.01.2008

В этом уроке я расскажу о такой вещи как CSS или Каскадные таблицы стилей. Используются они для расширения возможностей HTML и вот какие возможности Вашему сайту придаст такая таблица:

1. С помощью CSS Вы значительно облегчаете вес страницы путем уменьшения объема кода в самой странице потому, как часть его (которую вы чаще всего используете) будет располагается в отдельном файле с расширением *.css

2. Используя CSS Вы можете поменять вид любого элемента (например, цвет ссылок) на всех страницах одновременно просто изменив одно значение в самой таблице.

Итак приступим.

Шаг #1. Создаем файл *.css

1. Просто нажмите ПК мышки в главном каталоге вашего сайта на жестком диске и выберите: Создать –» Текстовой документ. Назовите его styles и измените расширение на *.css, в итоге у Вас получится файл styles.css

2. Занесем в него простейший код:

P {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
text-align: justify;
}

Теперь любой абзац будет выглядеть также, как текст этого урока (Шрифт Verdana, размером 10 пунктов, черного цвета, растянутый по ширине страницы) и больше нет необходимости прописывать в каждом теге

какие-либо атрибуты.

Шаг #2. Подключаем таблицу к страницам сайта.

Для того, чтобы подключить таблицу к странице просто поместите между тегами ... этот код:

<LINK href="ваша_таблица_стилей.css" rel="stylesheet" type="text/css">

Теперь все должно работать.

----------------
Антон Семавин - руководитель проекта Commerce-design.com «Центр коммерческого дизайна» Обучающие материалы по основам разработки фирменного стиля, статьи книги и многое другое Вы найдете по адресу http://commerce-design.com/

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

Ваш комментарий...

Введите сумму чисел с картинки:

* Комментарии, содержащие в себе рекламу будут удалены!