Раньше мы обычно использовали таблицы стилей двумя способами:
Встроенный метод страницы: таблица стилей записывается непосредственно в области заголовка кода страницы. Что-то вроде этого:
<style type="text/css"> <!-- body { фон: белый; цвет: чёрный } --> </style>
Внешний метод вызова: напишите таблицу стилей в отдельный файл .css, а затем вызовите ее с помощью кода, подобного следующему, в области заголовка страницы.
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
В дизайне, соответствующем веб-стандартам, мы используем метод внешнего вызова. Преимущества очевидны. Вы можете изменить стиль страницы, не изменяя ее, а только изменить файл .css. Если все страницы вызывают один и тот же файл таблицы стилей, то изменение одного файла таблицы стилей может изменить стили всех файлов.
Таблица стилей вызова метода двойной таблицы
Глядя на исходный код некоторых сайтов, соответствующих стандартам, вы можете увидеть следующие два предложения, в которых называется таблица стилей:
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @import URL( css/style01.css );</style>
Зачем писать дважды?
На самом деле, в обычных обстоятельствах достаточно использовать метод внешней ссылки (то есть первое предложение). Вызов двойной таблицы, который я здесь использую, — это всего лишь пример. Команда «@import» используется для входа в таблицу стилей. Команда «@import» недействительна в браузерах Netscape 4.0. Другими словами, если вы хотите, чтобы определенные эффекты были скрыты в браузере Netscape 4.0 и отображались в версии 4.0 или выше или в других браузерах, вы можете использовать метод команды «@import» для вызова таблицы стилей.