Что значит CSS?
Множество начинающих вебмастеров не могут понять, что значит CSS. Где находит применение CSS? Данный сайт поможет как можно подробней это объяснить. В примерах будет показано что такое CSS. Также узнаете как надо правильно применять каскадные таблицы стилей.
Каскадные таблицы стилей необходимы для разделения содержимого веб-страниц, написанных в HTML, и форматирования (представления) документа (CSS). Таким образом, код HTML-страницы содержит информацию, которая просматривается пользователем, загрузившим данную страницу с помощью своего браузера. А уже то, как ему будет представлена эта информация на мониторе задаётся файлом каскадных таблиц стилей style.css.
Для чего нужен CSS? Предположим, что вы владелец простого HTML-сайта страниц на 150. Любая страница этого сайта представлена в HTML коде. Теперь по каким-либо причинам необходимо срочно поменять только цвет текста с черного на синий. Тогда придётся на каждой иэ 150 страниц менять текст черного цвета, записанного в HTML-коде:
<body text="black">
на синий текст:
<body text="blue">.
Понятно, что времени и труда будет потрачено очень много. Поэтому, чтобы не терять впустую своё время надо просто разместить на сайте каскадную таблицу стилей в виде файла style.css со следующим кодом:
body {color: blue;}.
Смыслом каскадных таблиц стилей является то, что в них задают определенные правила, которыми прописывают нужные свойства c необходимыми значеними. Это правило обладает своим именем (селектор), а в нашем случае - BODY. Селектор у нас любой HTML тэг. Свойство для правила body - color. Свойство же color принимает в данном случае значение blue.
В итоге, применяя данное правило будет изменён цвет текста в тэге <body> с черного на синий во всех страницах, без потери времени и сил.
Каскадная таблица стилей на сайте чаще всего представлена в виде файла с названием style.css. Именно с помощью расширения CSS браузер опознаёт данный файл как таблицу стилей и обрабатывает его содержание должным образом. Обычно одним файлом таблицы стилей обслуживаются все HTML-файлы сайта. Расположен он чаще в корневом каталоге сайта вместе с главной страницей сайта.
Чтобы подключить файл таблицы стилей в код HTML-страницы надо прописать МЕТА-тег со следующим содержанием:
<link rel="stylesheet" href="style.css" type="text/css">
Имя файла каскадной таблицы стилей style.css и путь до него должен быть указан в атрибуте HREF. Внимание: следите за правильностью пути до файла таблицы стилей, поскольку на страницах он может разниться!
Также можно использовать и абсолютный путь в виде
<link rel="stylesheet" href="http://yousite.ru/style.css" type="text/css">
В этом случае обязательно учитывайте, что с этой записью файл не будет работать в локальном режиме, когда отсутствует подключение к Интернету.
Собственно, всё преимущество применения каскадной таблицы стилей именно в том, что все данные форматирования для всего сайта содержатся в единственном CSS-файле - style.css! Легко понять, что, изменяя несколько строчек, содержащихся в файле style.css, вы мгновенно преображаете весь сайт. Это применимо ко всем сайтам созданных и с помощью CMS (Системы управления сайтом или Движки для сайтов). Как пример можете посмотреть сайт о заработке в интернете.
Теперь, надеюсь, Вам стало понятно что значит CSS и что такое CSS.
Информация, которая представлена на этом блоге CSS имеет значительное число примеров. Он нацелен, в первую очередь, на то, чтобы как можно понятней изложить основные знания по каскадным таблицам стилей с приведением примеров. Вам же надо будет подкрепить практикой полученные знания, используя дополнительно справочник CSS.
А теперь можете переходить к изучению первого раздела данного блога - Основы.