Презентация, доклад на тему Группирование элементов (span и div)

Цели:Уметь использовать и , поскольку эти элементы HTML имеют важнейшее значение в CSS.

Слайд 1Группирование элементов (span и div)

Группирование элементов (span и div)

Слайд 2Цели:
Уметь использовать и , поскольку эти элементы HTML имеют важнейшее

значение в CSS.
Цели:Уметь использовать и , поскольку эти элементы HTML имеют важнейшее значение в CSS.

Слайд 3КЛЮЧЕВЫЕ



КЛЮЧЕВЫЕ

Слайд 4Элементы и используются для структурирования документа, часто совместно с

атрибутами class и id.
Элементы и используются для структурирования документа, часто совместно с атрибутами class и id.

Слайд 5Группирование с помощью
Элемент  можно назвать нейтральным элементом, который ничего не добавляет

к содержимому документа. Но, в сочетании с CSS,  может использоваться для визуальных эффектов применимо к отдельным блокам текста.

Кто рано ложится и рано встаёт, тот будет здоровым, богатым и умным


Пример

Кто рано ложится и рано встаёт, тот будет
здоровым,
богатым и умным.


Пример

Группирование с помощью Элемент  можно назвать нейтральным элементом, который ничего не добавляет к содержимому документа. Но, в сочетании

Слайд 6Группирование с помощью
 применяется для группирования одного или более блок-элементов.

Группирование с помощью  применяется для группирования одного или более блок-элементов.

Слайд 7

Франклин Д. Рузвелт Гарри Трумэн
Джон Ф. Кеннеди Линдон

Б. Джонсон
  • Джимми Картер
  • Билл Клинтон



    • Дуайт Д. Эйзенхауэр
    • Ричард Никсон
    • Джэралд Форд
    • Роналд Рейган
    • Джордж Буш
    • Джордж У. Буш


    #democrats { background:blue;
    }


    #republicans { background:green;
    }

    Пример

    Франклин Д. Рузвелт Гарри ТрумэнДжон Ф. Кеннеди Линдон Б. Джонсон Джимми Картер Билл Клинтон

    Слайд 8Вопросы для закрепления
    Применение тега предназначен?
    Применение тега предназначен?

    Вопросы для закрепленияПрименение тега предназначен?Применение тега предназначен?

    Слайд 9Дом. Задание
    http://www.puzzleweb.ru/css/10_boxmodel4.php

    Дом. Задание http://www.puzzleweb.ru/css/10_boxmodel4.php

    Что такое shareslide.ru?

    Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


    Для правообладателей

    Яндекс.Метрика

    Обратная связь

    Email: Нажмите что бы посмотреть