Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Основы CSS

Начало работы с CSS: подключение таблиц стилей

Чтобы начать работу с каскадными таблицами стилей нужно знать как они внедряются в html код. Сделать это можно тремя способами.

Первый способ и самый удобный это когда все стили хранятся в отдельном файле с расширением .css и подключаются вначале документа между тегами <head></head> при помощи тега <link>

<link rel="stylesheet" type="text/css" href="style.css">

Атрибут href содержит путь до каскадной таблицы стилей.

Преимущества данного способа состоят:

1. Создав один файл Вы можете использовать его на всех страницах сайта или даже на других сайтах. Стили будут автоматически изменятся на всех страницах сайта, где подключен данный файл.
2. Изменяя таблицу стилей не нужно вносить никаких изменений в код страницы.
3. При первой загрузки веб-страницы, файлы со стилями кэшируются, вследствие чего все остальные страницы сайта загружаются быстрее.
4. Одновременно можно подключать сразу несколько таких файлов.

Второй способ это размещение стилей в теле документа при помощи тега <style>

<style type="text/css">
H1 {
 font-size: 12px; /* Размер шрифта 12 пикселей */
 font-family: Verdana, Arial, Helvetica, sans-serif; /* Тип шрифта */
 color: #336; /* Цвет шрифта */
}
</style>

Недостатки данного способа:

1. Используя такой способ, стили будут изменяться только на одной странице, и для внесения изменений на всем сайте придется редактировать все страницы.
2. Стили не кэшируются в результате увеличивается время загрузки страниц

Третий способ использование внутренних стилей при помои параметра style, которые используются для одиночного тега.

<p style="font-family: Verdana, Arial, Helvetica, sans-serif; color: #336">Текст</p>

Такой способ можно использовать для изменения стиля одиночных тегов, но лучше его не использовать вообще.

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

Автор: Евгений Бочкарев · Урок добавлен: 31 Января 2010 в 16:11 · Просмотров: 245

Рекомендую
  • Currently 5.00/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 5.0/5 (всего 1 голос)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку

12
Ваш комментарий может быть первым...
 
34
12

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


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34