|
Таблицы стилей были введены и используются для облегчения оформления и сопровождения документов HTML.
Таблицы стилей позволяют отделить содержание WEB документов от их оформления.
Таблицы стилей поддерживаются большинством используемых в настоящее время браузеров. Полная поддержка CSS реализована в IE 4.0 и Netscape Navigator 4.0. Однако эта реализация несколько отличается в деталях. Другие браузеры будут отображать страницы, созданные с использованием CSS, возможно, без использования оформления указанного в таблицах стилей.
Для тех, кто достаточно поработал с текстовыми процессорами, такими как WinWord, таблицы стилей покажутся знакомыми. Действительно, сначала определяется стиль, а затем он применяется для форматирования текста простой ссылкой на этот стиль.
Например:
Определим стиль
теперь в документе весь текст, определенный как параграф (т.е. находится между <p> и </p>), будет отображаться указанным (красным) цветом.
Web-дизайн: Перевод с английского.
Авторы: Пауэлл Т.
Издательство: "БХВ-Петербург"
Год издания: 2004, страниц: 1045
ISBN: 5-94157-389-8
|
|
Во втором, обновленном издании книги, посвященной вопросам Web-дизайна, содержится наиболее полная информация о структурах и типах Web-сайтов, методах их разработки и разнообразных современных технологиях, используемых при их создании. Представлен исчерпывающий обзор новых браузеров и технологий, использующих XHTML, CSS и XML. Рассмотрены все этапы создания сайтов - от постановки задач и планирования до разработки текста, графических скриптов и мультимедиа. Большое внимание уделено различным проблемам, с которыми могут столкнуться дизайнеры Web-сайтов, и способам их решения. Изложенные принципы и идеи сопровождаются примерами их практической реализации, которые читатель может использовать в своих собственных разработках. Для Web-дизайнеров, разработчиков и администраторов Web-сайтов.
|
Существует несколько различных способов применения стилей к документу:
- Использование тега <link> для присоединения внешней, сохраненной в отдельном файле таблицы стилей.
- Использование тега <style> внутри тега <head> для определения стилей для данного документа.
- Применение механизма @import.
- Использование атрибута Style внутри других тегов, для определения локальных (внедренных), применяемых к конкретному тексту стилей.
Последний из перечисленных способов, однако, применять не рекомендуется. Поскольку в этом случае снова происходит смешивание данных и оформления этих данных. А как уже было сказано, CSS вводились как раз для того, чтобы разделить данные и оформление.
Существует несколько десятков свойств CSS которые можно применять к различным (или всем) элементам.
|