Для разработки веб-сайта на основе веб-стандартов метод перехода в основном использует XHTML+CSS, а таблицы стилей CSS необходимы. Для этого всем веб-дизайнерам необходимо владеть CSS. Если вы еще не использовали его, начните учиться прямо сейчас. Чтобы создать веб-сайт, соответствующий веб-стандартам, вы не сможете создавать красивые страницы, не зная CSS.
Фактически, все аспекты представления должны быть реализованы с помощью CSS. Раньше мы использовали таблицы для позиционирования и макета, но теперь нам приходится использовать DIV для позиционирования и макета. Это изменение образа мышления, которое поначалу немного неудобно. Ха-ха, любым изменениям будет сопротивление. Чтобы воспользоваться преимуществами стандартов, стоит отказаться от некоторых старых традиционных практик.
Вызов таблиц стилей извне
Раньше мы обычно использовали таблицы стилей двумя способами:
Встроенный метод страницы: таблица стилей записывается непосредственно в области заголовка кода страницы. Что-то вроде этого:
<тип стиля=текст/css> <! ――тело { фон: белый; цвет: чёрный }――> </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 для вызова таблицы стилей.