Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Основы 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 Просмотров: 13985

Условия копирования материалов сайта

Все комментарии
#-7 BAGENS 27-01-2011 в 13:25
А как можна это применить в системе укоз?
#-6 BEFAR 29-01-2011 в 20:36
В третьем способе используются "помои"
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


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

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки