 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Принципы раздела места и оформления Web-страницы. Каскадные таблицы стилей (CSS).Способы присоединения к документу
|
|
Каскадные (многоуровневые) таблицы стилей (CSS) - это мощный стандарт на основе текстового формата, определяющий представление данных в браузере. Термин "каскадный" означает, что в одной странице HTML могут использоваться разные стили. Таблицы стилей сообщают, как он должен выглядеть сайт. Стиль включает все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля и расположение объектов на странице.
CSS разрабатывались так, чтобы обеспечить больший уровень контроля над размещением текста и графики. Каскадные таблицы стилей обеспечивают должный уровень единства оформления, организации и контроля во время разработки узла, который является недостижимым с помощью одного только HTML. Впервые идея форматирования HTML-документов с помощью CSS была рекомендована Консорциумом W3C в 1996 году. Эта рекомендация, которая была обновлена в 1998 году, используется Web-разработчиками и по сей день.
CSS предполагает 3 типа таблиц стилей:
Встроенный (Inline). Этот метод позволяет взять любой тег HTML и добавить к нему стиль. Использование встроенного метода предоставляет максимальный контроль над всеми свойствами Web-страницы. Предположим, вы хотите задать внешний вид отдельного абзаца. Вы можете просто добавить атрибут style к тегу абзаца, и броузер отобразит этот абзац с помощью параметров стиля, добавленного в код.
Внедренный (Embedded). Внедрение позволяет контролировать всю страницу HTML. При использовании тега <style>, помещенного внутри раздела <head> страницы HTML, в код вставляются детализированные атрибуты стиля, которые будут применяться ко всей странице.
Связанный (Linked или External). Связанная таблица стилей - мощный инструмент, который позволяет создавать образцы стилей(master styles), которые можно затем применять ко всему узлу. Основной документ таблицы стилей (расширение.css) создается Web-дизайнером. Этот документ содержит стили, которые будут едиными для всего Web-узла (неважно, содержит одну страницу или тысячи страниц). Любая страница, связанная с этим документом, будет использовать указанные стили.
Привязка документа. Для того, чтобы браузер применял правила какой-либо таблицы стилей к HTML-документу, необходимо связать таблицу стилей с этим документом. Существует четыре метода, которыми это можно сделать:
Внедрение – задание таблицы стилей непосредственно в заголовке самого HTML-документа в качестве содержимого элемента style.
Присоединение – таблица стилей находится во внешнем файле и присоединяется к HTML-документу через элемент link. При этом CSS-файл с внешней таблицей стиля всегда сопровождает HTML-файл документа.
Импортирование – текст таблицы стилей, находящейся во внешнем файле на сервере, импортируется с помошью CSS-свойства @import внутрь текста HTML-файла.
Поэлементное задание стиля – для всех HTML-элементов определен атрибут style и через него, используя синтаксис CSS2, можно задавать (или переопределять) стиль для каждого элемента индивидуально.
Задача браузера.
Бра́узер – прикладное программное обеспечение для просмотра веб-страниц; содержания веб-документов, компьютерных файлов и их каталогов; управления веб-приложениями; а также для решения других задач. В глобальной сети браузеры используют для запроса, обработки, манипулирования и отображения содержания веб-сайтов. Многие современные браузеры также могут использоваться для обмена файлами с серверами ftp, а также для непосредственного просмотра содержания файлов многих графических форматов (gif, jpeg,png, svg), аудио-видео форматов (mp3, mpeg), текстовых форматов (pdf, djvu) и других файлов. (Самые распространенные браузеры в настоящее время: Internet Explorer, Google Chrome, Mozilla Firefox, Opera,Safari.)
Дата публикования: 2015-11-01; Прочитано: 469 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
