Урок 2: Как задать?

Главная|Учебник HTML|Учебник CSS|Новости|Вопрос/ответ|Советы|Ссылки|Downloadы|Анкета

Честно говоря, я никак не догоняю, почему эти стили (мне больше нравится слово "стили") назвали Каскадными таблицами стилей. Ведь никаких таблиц (а тем более "каскадных") там и в помине нет! Вобщем не будем долго раздумывать и сразу перейдем к делу.

Способы задания
Как я уже говорил, стили служат для добавления объектам HTML дополнительных свойств. Можно, например, изменять размеры шрифта в более широких пределах. Есть три способа задания стилей: внешний, вложенный и строчный. Самый простой из них - строчный. Его мы и разберем первым.

Строчный
Суть этого способа задания стилей в том, что они вставляются прямо в теги HTML:

<font style="описания стилей">текст</font>
Этот способ удобен, если стили нужно применить к конкретному объекту, ну а если Вам придется задать стили для многих объектов на странице, то Вам подойдет следующий метод.

Вложенный
При этом способе стили описываются все в одном месте между тегами <style> и </style>

<style>
тег{описания стилей}
тег{описания стилей}
...
тег{описания стилей}
</style>
Ну и если надо применить наши стили ко многим документам, то нам поможет третий тип задания стилей.

Внешний
В этом случае все описания стилей записываются в одном файле с расширением css, который представляет собой обычный текстовый файл. При сохранении такого файла из Блокнота нужно писать в поле имени файла: имя.css. Чтобы браузер знал о существовании Вашего css-файла, ему нужно об этом сказать:

<link rel=stylesheet type=text/css href=style.css>
, где style.css - имя Вашего стилевого файла. Этот тег нужно вставить в голову HTML - файла. Это, на мой взгляд, самый полезный вариант. Если Вы, например, хотите все ссылки на своем сайте сделать маленькими наклонными два раза подчеркнутыми и зелеными, то Вам придется только лишь создать стилевой файл и прописать его адрес во всех страницах Вашего сайта. Лепота, неправда-ли?

Предыдущий урок | Следующий урок