КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Стилевое оформление сайтов
|
|
|
|
Таблицы стилей. Теория
Элементы типа <font> оформляют текст страницы, однако воспринимаются не всеми браузерами. Поэтому потребовалось решение этой проблемы. Им стало создание таблиц стилей, что позволило веб-дизайнерам использовать элементы Strict XHTML и иметь возможность создавать свои стили. Суть применения таблиц стилей в следующем: необходимо разделить информационную и оформительскую части работы над веб-страницами. Именно это требуется при использовании Strict XHTML, старые теги можно использовать, если применяется спецификация Transitional XHTML.
В чем удобство таблиц стилей?
Во-первых, они могут существовать независимо от HTML-документов, т. е. в отдельных файлах. Отделение стилевых элементов от организационных решает еще один вопрос HTML – удобство восприятия кода: например, чтобы отредактировать стиль оформления абзацев на вашей странице, достаточно сделать это в таблице стилей. Таким образом данный инструмент минимизирует затраты времени на разработку и придает веб-страницам единообразный вид.
Таблицы стилей, как и язык HTML, имеют несколько спецификаций. Будем использовать стандарт CSS2, который наиболее часто применяется в веб-публикациях.
Что заменили собой таблицы стилей?
Это прежде всего элемент <font>. Далее, это элемент <center>. Еще одним популярным в прошлом контейнером является <blink>, заставляющий включенный в него текст мигать. Кроме того, следует упомянуть контейнеры, задающие стилевое оформление (<u>, <s> и т. п.).
!!! Многие элементы HTML имеют атрибут align (выравнивание). В стандарте Strict XHTML этот атрибут не используется с элементами. Выравнивание делается в таблице стилей. То же самое относится к атрибуту bgcolor, задающему цвет фона.
|
|
|
Создание таблицы стилей
Имеются различные методы, использующиеся при реализации таблиц стилей.
1. Атрибут стилей. Применяя стилевые атрибуты различных элементов XHTML, можно присваивать им определенные характеристики.
2. Определение стиля элемента. С помощью таблиц стилей можно определять элементы (например, такие как <p>, <h1>, <blockquote> и т. д.). Это дает единообразие элементов по всему веб-документу.
3. Определение классов элементов. Можно создавать собственные классы элементов, указывая их состав. Например, определив один раз, что абзац будет отображать текст красным цветом, затем при создании страницы можно сослаться на определение этого класса.
Таблицы стилей можно реализовать двумя способами. Первый: включить информацию о стилях внутрь веб-страницы (определяя ее либо в секции <head>, либо внутри каждого конкретного элемента). Второй способ: связать веб-страницу с отдельным файлом, в котором содержатся исключительно определения стилей.
|
|
|
|
|
Дата добавления: 2015-05-26; Просмотров: 431; Нарушение авторских прав?; Мы поможем в написании вашей работы!