Предыстория

Компания Гентис
(Gentis.ru)
ДНК-генеалогическое тестирование
в России

Регистрация или вход Главная | Личный кабинет | Рекомендовать | Обратная связь | В избранное | Сделать домашней
Навигация
Главная
Основной Форум
Архив старого Форума
Галерея
Новости сайта
Объявления
Все статьи
Библиотека
Книги
Карты: топографические, географические, исторические

Генетическая генеалогия Сибири и Забайкалья

Опросы
Вопросы и ответы
Поиск
Файлы

Правила
Рекомендовать
Обратная связь

Личный кабинет

Каталог сайтов
Статистика сайта
Яндекс цитирования Rambler's Top100
Search Engine Optimization
Статистика форумов
Оставлено сообщений
за сутки:0
за неделю:0
за месяц:0
за год:1
всего:40612
Наша кнопка


код кнопки:


Поисковая система сайта Предыстория
HTML учебник / Основы CSS / Практическое освоение CSS
HTML учебник / Основы CSS / Практическое освоение CSS
Содержание / Основы CSS / Практическое освоение CSS

Практическое освоение CSS

Как вам уже известно, информация о стилях может располагаться либо в отдельном файле, либо непосредственно в коде Web-странички. Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на Web-сервере, а в коде Web-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега <LINK>, располагающегося внутри тега <BODY> ваших страниц:

<LINK REL=STYLESHEET TYPE="text/css" HREF="URL">

Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить броузеру, что на этой страничке будет использоваться CSS. Третий параметр – HREF= «URL» – указывает на файл, который содержит описания стилей. Этот параметр должен содержать либо относительный путь к файлу – в случае, если он находится на том же сервере, что и документ, из которого к нему обращаются – или полный URL («http://...») в случае, если файл стилей находится на другом сервере.

Второй вариант, при котором описание стилей располагается в коде Web­странички, внутри тега <BODY>, в теге <STYLE type="text/css">... </STYLE>. В этом случае вы можете использовать эти стили для элементов, располагающихся в пределах странички. Параметр type="text/css" является обязательным и служит для указания броузеру использовать CSS.

И третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. Этот метод нежелателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.

Давайте рассмотрим механизм, с помощью которого стили присваиваются элементам Web­страниц. Самый простой случай присвоения какому-либо элементу определенного стиля выглядит так:

НАЗВАНИЕ_ЭЛЕМЕНТА {свойство: значение;},

Где НАЗВАНИЕ_ЭЛЕМЕНТА – имя HTML­тега (H1, P, TD, A и т. д.), а параметры в фигурных скобках – список свойств элемента и присвоенных им значений. Более подробно команды языка CSS мы рассмотрим чуть позже.

Пример:

H1 {font-size: 30pt; color: blue;}

В этом примере всем заголовкам на странице, оформленным тегом Н1, присваивается размер шрифта 30 пунктов и синий цвет.

Также элементы страниц, созданные с использованием CSS, используют механизм наследования: т. е. если вы располагаете изображение внутри тега <P>...</P>, оформленного с помощью CSS, с отступами, так, чтобы параграф занимал только определенную часть ширины страницы, изображение также унаследует значения отступов, указанные для этого параграфа.

CSS реализует возможность присваивать стили не всем одинаковым элементам страницы, а избирательно – для этого используется параметр CLASS = "имя класса" или идентификатор ID=«имя элемента», присваивающиеся любому элементу страницы. Рассмотрим эти возможности подробнее.

Параметр CLASS применяется в случае, если необходимо создать одинаковый стиль для нескольких, но не всех элементов страницы (одинаковых или разных).

Пример:

  .b-с {font-weight: bold; text-align: center}
  – описание стиля для класса b-с

Все элементы класса b-с будут отображаться жирным шрифтом с выравниванием по центру страницы (или ячейки таблицы).

  <P CLASS="b-с">Текст параграфа</P>
– параграфу присвоен стиль класса b-с.  <TD CLASS="b-c">текст</TD>
– ячейке таблицы присвоен стиль класса b-c.

Содержащийся в ячейке текст будет отображаться согласно описанию класса.

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

Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько – это уже класс.


[ Назад | Начало | Наверх ]
Фотогалерея
79 человек не верулись  с ВОВ
Местонахождение наших посетителей
Местонахождение наших посетителей
Генеалогия
МолГен
ЗабГен - Забайкальская генеалогия Светланы Ковалевой
СВРТ
Кольцо генеалогических сайтов
Знаменательные даты
14.10 - Покров Пресвятой Богородицы
Список статей
26.11.2011
Учёные собрали беспрецедентное количество проб ДНК коренных забайкальцев
05.04.2010
Теплый город под высоким небом.
09.01.2010
Рождественский подарок от компании "Гентис" - программа "Древо Жизни" бесплатно!
26.10.2009
Компания Гентис объявила о запуске интернет-сервиса ДНК-генеалогических услуг
07.10.2009
Школа фотографии "Альтаир" путешествие Иркутск - Москва - Санкт-Петербург
12.09.2009
''Белый генерал'' Скобелев и его среднеазиатский след.
04.09.2009
Взятие Ташкента
15.08.2009
О профессиональной и любительской лингвистике (окончание)
15.08.2009
О профессиональной и любительской лингвистике (начало)
15.08.2009
Об исторической лингвистике (окончание)
15.08.2009
Об исторической лингвистике (начало)
30.07.2009
Список самарских отставных дворян и казаков
27.06.2009
Изучение генофонда коренных народов Прибайкалья и Забайкалья
Все статьи >>>
Возраст сайта
ОКНО В ГЕНЕАЛОГИЮ
Главная | Статьи | Форум | Темы | Галерея | Вопросы и ответы | Библиотека | Рекомендовать | Обратная связь

Предыстория - общенациональный историко-культурологический сервер
 © 2005—2009 Predistoria.org
Предыстория.орг
© Денис Григорьев
Все права на материалы принадлежат их авторам (владельцам) и сетевым изданиям, с которых они взяты.

Рейтинг@Mail.ru
Генерация страницы: 0.024 сек. и 13 запросов к базе данных за 0.016 сек.