Веб-сайт разрабатывается по стандартам WEB, основной метод — использование XHTML+CSS, необходима таблица стилей CSS. Чтобы создать веб-сайт, соответствующий веб-стандартам, невозможно создавать красивые страницы, не зная CSS.
Фактически, все аспекты представления должны быть реализованы с помощью CSS. Раньше мы использовали таблицы для позиционирования и макета, но теперь нам приходится использовать DIV для позиционирования и макета. Это изменение образа мышления. Поначалу это немного неудобно. Чтобы воспользоваться «преимуществами», которые приносят стандарты, стоит отказаться от некоторых старых традиционных практик.
Вызов таблиц стилей извне
Раньше мы обычно использовали таблицы стилей двумя способами:
Встроенный метод страницы: таблица стилей записывается непосредственно в области заголовка кода страницы. Что-то вроде этого:
Ниже приводится цитируемое содержание: <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» для вызова таблицы стилей.