|
||
|
||
Основы CSS. Вставка описания |
||
Описание стилей вставляется тремя способами. Отметим сразу, что приоритетным является то описание, что ближе к обьекту. первый способ. <FONT style="font-family: Sans Serif,tahoma, Пример стиля Для формы: <INPUT TYPE=TEXT Примерно так-же описываются и другие обьекты: таблицы, ячейки, кнопки, рисунки, параграфы, DIV-ы, почти все. Разница только в параметрах, указываемых в описании. Пишем прямо в ТЭГ: style="font-family: Sans Serif, Или по русски:
второй способ. <style type=text/css> В "описание стилей" вставляем все описания, которые нам нужны на данной странице. Обратите внимание на синтаксис - значки комментариев ставятся для броузеров не поддерживающих CSS.
третий способ. <link rel="stylesheet" type="text/css"
Это ссылка на файл со стилями,
указывающая браузеру на использование
стилей. При встрече такой ссылки браузер
обращается к вашему файлу со стилями,
размещенному по адресу:"styl.css". Файл
можно назвать как угодно, главное, чтобы
он был в формате "css" и имена в
ссылке и файла совпадали. <link rel="stylesheet" type="text/css"
Файл CSS изготовить очень просто. В файле пишем то-же самое, что было между "style type=text/css" и "/style" во втором способе. Можно использовать простой стандартный "БЛОКНОТ", установленный на всех WIN. Открываем блокнот и пишем, например: <!- - Вот прямо так и пишем. Больше ничего. Не вдавайтесь в подробности написанного, поймите саму схему! Написали что хотели. Теперь находим у "БЛОКНОТА" кнопку "ФАЙЛ" и выбираем "СОХРАНИТЬ КАК,,,". Выбираем "ВСЕ ФАЙЛЫ" и пишем в строке для названия файлов:natali.css natali - это имя Вашего файла. Обязательно ставим точку и пишемcss маленькими буквами. Теперь осталось только нажать на кнопку "СОХРАНИТЬ". (Не забудте перед нажатием найти ту папку, в которой будет этот файл.) Вот и все! Файл в HEAD будет выглядеть так: <link
rel="stylesheet" type="text/css" href="natali.css">
Обратите внимание! Дополнение Броузеры, понимающие CSS2 отлично работают и с CSS1, пока, во всяком случае, так что можно пользоваться и более традиционными методами. Однако, подобный способ можно применить для вставки тех описаний стилей, которые будут понятны только при поддержке CSS2. Источник: A-design studio http://mtk.on.ufanet.ru
|
||
|
||
Copyright © "Internet Zone", info@izcity.com | ||
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас. |