Каскадные таблицы стилей

cssВыполните следующую лабораторную работу по теме Каскадные таблицы стилей

Работа посвящена отработке навыков по настройке web-страниц и каскадных таблиц. Для работы используйте материалы с лекции. Посмотрите, как определить вид тегов HTML с использованием CSS, также посмотрите, как подключать внешний стилевой файл.

Выполните следующие задания.

  1. 2,5-мерный текст. Общая идея — три раза выводится один и тот же текст с небольшими смещениями, но с тремя разными цветами — красным, темнокрасным, серебристым. Тогда темнокрасный цвет создает тень, а серебристый цвет — блики.
    • Наберите пример из лекции.
    • Модифицируйте предыдущий пример, разбив содержимое предыдущего примера на два файла — первый должен содержать только информацию, второй — только описания стилей.
  2. Создайте стилевой файл для HTML-документа из первой части первого задания. Можно использовать как внешний стилевой файл, так и определение стилей внутри html-файла.
    По крайней мере опишите в стилевом файле следующие элементы для шрифта:
    название, размер,  межстрочный интервал, размер красной строки.
    На основании созданного описания для эпиграфа специально задайте зеленый цвет и отсутствие красной строки.
    Замечание.  Название свойств CSS для выполнения этой части задания я на лекции не давал. Предполагается, что Вы самостоятельно найдете информацию о свойствах в Интернет. Цель этого — понять, что все свойства знать нельзя, но всегда можно найти.
  3. Подключите статические фильтры для нескольких элементов на странице. Используйте Internet Explorer.
    • выведите рисунок тремя способами — обычный, перевернутый, инвертированный.
    • примените к некоторому тексту эффекты glow и shadow
  4. Попробуйте разобрать пример. Выведите дату с использованием рисунков и без использования рисунков. Во втором случае используйте данные комментария.
Поделиться:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • StumbleUpon
  • Technorati
  • БобрДобр
  • Memori.ru
  • МоёМесто.ru