|
Каскадные таблицы стилей css
Из предыдущего материала вы наверняка сделали правильный вывод о том, что
применение в веб-дизайне технологии css не просто нашло широкое признание —
более того, веб-проект без css, по моему мнению, свидетельствует лишь о
некомпетентности своего автора.
Определить, каким образом при создании сайтов использовались каскадные таблицы
стилей, можно в «шапке» конкретного документа (веб-страницы).
Вообще, таблиц стилей может быть сколько угодно. Как веб-страница «узнаёт» о
том, что ей нужно руководствоваться именно вот этой таблицей стилей?
В «шапке»1 документа (а она существует обязательно) указывается АДРЕС и ИМЯ
таблицы стилей. Адрес — это тот путь, который нужно «пройти» для достижения
указанной ТС:
каталог/подкаталог/папка/имя_таблицы_стилей.css
Для явного указания, используется тег связи link и его синтаксис:
<link rel="stylesheet" type="text/css" href="class.css">
— таким образом, необходимо сделать вывод: там, где в заголовке вы видите вот
это: <link rel=«stylesheet»........... (и так далее) — знайте, что документ
использует каскадные таблицы стилей, с указанным именем, расположенные по
такому-то адресу. К слову, адрес может быть каким угодно по своей сложности —
вплоть до того, что расположен на иных сетевых ресурсах.
Давайте теперь взглянем на конкретный пример, так сказать, «прямо из жизни». Вот
как выглядит листинг шапки веб-страницы, которую вы сейчас читаете (убраны те
данные, которые не имеют к обсуждаемому вопросу отношения; зато
тег (дескриптор) связи, адрес
и имя css выделены иным цветом):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<title>Технологии веб-дизайна, создание сайта....</title>
<meta name="description" content="... ... ...">
<meta name="keywords" content="... ... ...">
<link rel="stylesheet" type="text/css" href="../3187.css">
</head>
Использование таблиц стилей в создании сайтов
Для чего в технологиях веб-дизайна используются каскадные таблицы стилей, долго
объяснять нет необходимости: именно таким образом, при создании сайтов в
несколько раз уменьшается объём технического кода2, все элементы компоновки ВСЕХ
веб-страниц без труда сводятся к единому художественному дизайн-макету, со всеми
вытекающими отсюда удобствами и выгодами и так далее.
Бытует мнение, что хороший мастер всегда сводит все стили проекта к
одной-единственной таблице css. Это неверно, и любой опытный профессионал вам
подтвердит мои слова. В первую очередь, утверждение о единой таблице стилей
справедливо для статичных проектов, функционально предназначенных для работы в
чётко ограниченных рамках (например, создание сайтов-визиток, промо-сайтов и т.
п. безусловно должно решаться с одной css); однако работая с такими технологиями
веб-дизайна, как сложные многоуровневые CMS с высокой степенью интерактивности,
автоматически подстраивающиеся под разнообразные настройки пользователей,
необходимо разделять таблицы на две или три взаимодействующие части (и взаимно
друг друга дополняющие, к тому же).
Увлекательная css
В общем же случае, каскадная таблица стилей конструируется по строгим правилам,
пересказывать которые здесь нет никакого смысла. Если заинтересуетесь, в Сети
найдёте массу специализированных проектов, посвящённых вопросу использования
каскадных таблиц при создании сайта. У нас же этой серьёзной теме отведён целый
раздел на закрытом ресурсе.
Примечания:
1 «Шапкой» я для простоты по-прежнему называю «технический (служебный)»
заголовок веб-страницы — то, что находится между тегами <HEAD> и </HEAD>. В
технологиях веб-дизайна это название не является официальным, но тем не менее,
распространено очень широко.
Вернуться к тексту
2 ...уменьшается объём технического кода... — при высоком мастерстве автора
таблиц стилей, код действительно может быть сокращён в три, пять, а то и более
раз.
Вернуться к тексту
|
Статья: |
Каскадные таблицы стилей css |
|
Опорные темы: |
Веб-дизайн, технологии и термины (терминология). |
|
|
