Еще один блог :)

Вопросы по CSS3 - Часть 1

  1. В чем разница между CSS  и CSS3
  2. Перечислите основные модули CSS3
  3. Какие новые возможности добавили в CSS3 для рамок
  4. Как скруглить у рамки уголки средствами CSS3'
  5. Как создать тень для текста
  6. Как создать тень для контейнера
  7. Для чего используют свойство background-size
  8. Как создать рамку с помощью изображений
  9. Как управлять переносом текста на новую строку
  10. Что такое CSS анимация

1. CSS3 это обновленная версия CSS с новыми возможностями, такими как селекторы контейнеров, фоны, рамки, текстовые эффекты, тени, 2d и 3d трансформации, анимации, многоколоночные макеты, элементы управления пользовательского интерфейса и т.п.

2. Основные модули CSS3

- селекторы
- контейнеры
- фоны и рамки
- текстовые эффекты
- трансформации
- многоколончный макет
- пользоват. интерфейс

3. Были добавлены свойства border-radius для скругления уголков, box-shadow для тени от контейнера и border-image для рисунка границы. Все современные браузеры поддерживают эти свойства. IE9  поддерживает box-shadow и border-radius. Firefox поддерживает с префиксом -moz-, Chrome и Safari требуют префикса -webkit-, а Opera требует префикс -o- для border-image

4. Для скругления уголков используют border-radius, -moz-border-radius, -webkit-border-radius и -o-border-radius

5. Чтобы создать тень для текста надо использовать text-shadow

6. Чтобы создать тень для контейнера надо использовать box-shadow

7. Это свойство задает размеры фонового изображения для его переиспользования

8. Чтобы применить рисунок к рамке, используют border-image, -moz-border-image,-webkit-border-image

9. Использовать свойство word-wrap: break-word

10. Это анимация, создаваемая  в @keyframe с привязкой по селектору. Чтобы применить анимацию к селектору надо указать как минимум два свойства - название анимации и ее длительность.

Опубликовано в категории Вопросы по CSS3

×