Таблицы стилей в отдельных файлах
При использовании тега <style> требуется вставлять таблицу стилей в каждый документ. Это может показаться довольно неэкономным как с точки зрения объема файлов, так и времени, необходимого на разработку страницы. Поэтому есть способ автоматического применения таблицы стилей, сохраненной в отдельном файле. Это файл должен иметь расширение *. css.
Для применения стилей, описанных в этом файле, к данному документу используется специальная инструкция, которую нужно вставить между тегами <style>…</style>:
@import URL("адрес_файла_стилей ")
Например:
@import URL("http://www.yourdoman.ru/style.css")
Другой способ использования внешних таблиц стилей основан на применении тега <LINK> внутри тега <HEAD>:
<HEAD>
<LINK REL=STYLESHEET TYPE="text/css" HREF="адрес_таблицы_стилей"
TITLE="Style">
</HEAD>
Простой пример использования каскадных таблиц стилей включает в себя html- и css-файлы, текст которых указан ниже
Содержимое файла primercss1.htm:
<html>
<head>
<title>Untitled Document</title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
<TITLE>Пример использования таблиц стилей</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head>
<body >
<DIV class=first>Каскадные таблицы стилей -</DIV>
<DIV class=second>это</DIV>
<DIV class=third>круто!</DIV>
</body>
</html>
Содержимое файла style.css
body {
font-family: Arial, sans-serif;
text-align: center;
}
.first {
color: brown;
margin-top: 60px;
font-size: 40px;
}
.second {
color: green;
margin-top: -50px;
font-size: 100px;
}
.third {
color: black;
margin-top: -80px;
font-size: 120px;
font-weight: bold;
}
Внешний вид в браузере:
-
Содержание
- Лекции по дисциплине «Открытые информационные системы» Литература
- Лекция 1. Понятие открытой информационной системы. Стандартизация и сертификация оис
- Понятие открытой информационной системы
- Информационная инфраструктура и открытые системы
- Сущность и свойства технологии открытых систем
- Определение открытой системы
- Примеры открытых систем
- Стандартизация и сертификация оис
- Масштаб проблемы
- Источники стандартов
- Лекция 2
- Модели открытых информационных систем (оис).
- Референсная модель взаимодействия открытых систем osi/iso
- Платы сетевого адаптера
- Уровни модели osi
- Процесс передачи данных по сети
- Пакет. Структура пакета.
- Формирование пакетов
- Адресация пакета
- Протокол
- Эталонная модель среды открытой системы ose/rm
- Лекция 3 Развитие сети Internet. Способы организации канала клиент-провайдер или «последней мили»
- Развитие сети Internet
- Краткая история Internet
- Развитие сети arpanet
- Структура Internet
- Современная структура управления Internet
- Типичное подключение домашнего пользователя
- Способы организации канала клиент-провайдер или «последней мили»
- Коммутируемая телефонная линия и обычный модем
- Доступ в Интернет по dsl-технологии
- Асимметричный dsl (adsl)
- Широкополосный доступ
- Выделенная линия
- Доступ по сети кабельного телевидения
- Доступ в Интернет по радиоканалу
- Доступ в Интернет по спутниковому каналу
- Использование бытовой электрической сети для доступа в Интернет
- Лекция 4 Сотовый Интернет. Стандарт gsm
- Сотовый Интернет
- Стандарт сотовой связи gprs
- Технология edge
- Стандарт gsm
- Подключение к Интернету через мобильный телефон
- Скорость доступа, стоимость и удобство работы
- Максимальные скорости доступа в Интернет при использовании различных технологий
- Лекция 5 Передача информации и адресация в Интернете.
- Как происходит передача информации в Интернете
- Маршрутизаторы
- Протоколы Интернета
- Адресация в Интернете
- Доменные имена
- Как работает dns-сервер
- Лекция 6 Сервисы Интернета. Электронная почта
- Сервисы Интернета
- Серверы и клиенты
- Система адресации url
- Общий вид формата url-адреса
- Сервисы Интернета
- Электронная почта
- Преимущества электронной почты
- Адрес электронной почты
- Клиентские программы электронной почты
- Создание электронного письма
- Сортировка сообщений
- Получение электронных писем
- Почтовые клиенты на все случаи жизни
- Как работает почта
- Отправление и доставка письма
- Почему письма не доходят до адресата
- Передача специальных символов и вложенных сообщений
- Лекция 7
- Служба World Wide Web
- Гипертекст
- Всемирная паутина
- Браузеры
- Web-страница
- Средства создания web-страниц
- Блокнот
- Веб-редакторы типа wysiwyg
- Основы html
- Структура html-документа
- Обязательные теги
- Краткое руководство по html
- Лекция 8. Фреймы, слои, каскадные таблицы стилей
- Index.Htm
- Index.Htm
- Verh.Htm
- Таблицы стилей в отдельных файлах
- Каскадность стилей
- Основные свойства, описываемые в таблицах стилей.
- Лекция 9. Статические и динамические страницы. Протокол ftp
- Механизм работы Web-сервера
- Статические и динамические страницы
- Технология cgi
- JavaScript-приложения
- Java-аплеты и элементы управления ActiveX
- File Transfer Protocol и ftp-клиенты
- Ftp-клиенты
- Доступ с помощью ftp.Exe
- Доступ с помощью ftp-клиента, встроенного в браузер
- Доступ с помощью ftp-клиента, встроенного в файловый менеджер
- Доступ с помощью ftp-клиента, встроенного в html-редакторы
- Доступ с помощью специальных ftp-клиентов
- Поиск файлов на ftp-серверах