Вопросы к экзамену

1. Понятие DOCTYPE. Quirks mode. Варианты версии 4.01 . Особенности 5-й версии.

1. Блочные и линейные элементы. Примеры, особенности.
2. Свойство display. inline-block элементы. Отличия от inline и block элементов. Отступы между
3. Способы подключения CSS. Понятие CSS-селекторов
4. margin, padding ,border, outline
5. Свойство background. Множественные фоны(варианты создания)
6. Выравнивание блока по ширине, по центру экрана
7. Приклеивание footer'a к низу экрана.
8. Способы задания фиксированной и резиновой версток
9. Способы задания цвета. Прозрачность.
10. Форматы графических файлов используемых в Вебе. Сильные и слабые стороны форматов
11. CSS-переменные
12. Свойства текста. Выравнивание текста по ширине и высоте
13. Настройки шрифта. Проблемы со шрифтами и их решение. Подключение внешних шрифтов
14. Скругления. Создание круга
15. Тени. Множественные тени.
16. Градиенты
17. Псевдоклассы. hover, active, visited, focus
18. Контекстые селекторы
19. Расширенные CSS-селекторы
20. Трансформации
21. Свойство transition. Параметры. Работа с hover.
22. Позиционирование. Относительное позиционирование.
23. Абсолютное позиционирование.
24. Фиксированное позиционирование. Создание оверлеев.
25. z-index. Особенности работы.
26. visibility, opacity, overflow. Хаки, использующие свойство overflow.
27. CSS-спрайты
28. Способы создания блока с полупрозрачным фоном и непрозрачным текстом внутри
29. Медиа-запросы. Подходы к адаптивной верстке. Responsive верстка.
30. Выведение сайта на печать.
31. Viewport. Основные настройки. Какую задачу выполняет? Как и в каких ситуациях на него влиять?
32. BEM. Синтаксис. Организация кода.
33. SMACSS
34. SCSS. Переменные. Вложеность. Ссылка на родителя(&). Миксины.
35. SCSS. Условия. Циклы. Функции.
36. Flexbox. flex-basis, flex-grow,flex-shrink
37. Flexbox. flex-wrap
38. Модульные сетки. Вертикальный ритм
39. Bootstrap. Сетка.
40. Bootstrap. Элементы flexbox.
41. Grid'ы.
42. Списки
43. nth_child, nth_of_type
44. Селекторы атрибутов
45. Селекторы *, not()
46. firstline,selection,user-select,cursor
47. Псевдоэлементы before,after
48. Анимация в CSS. Циклические анимации. Анимация маятника.
49. Формы. Виды input'ов. Input'ы в html5.
50. Формы. checkbox'ы, radio-button'ы, select option,textarea
51. Формы. Использование label и tabindex.
52. Особенности работы с формами в HTML5. autofocus, placeholder, required
53. Формы. Псевдоклассы для работы с формами.
54. Списки. list-style-type. Создание выпадающего меню
55. SVG. Базовые фигуры.
56. SVG. Адаптивные логотипы.
57. Таблицы. display:table-cell
58. Работа с float элементами. Свойство clear. Использование clear:both. Обтекание сложных предметов.
59. meta-тэги. Задание надписи на вкладке страницы
60. Как сделать чтобы страница не кешировалась в браузере
61. Семантические теги в html5
62. CSS shapes
63. Добавление аудио и видео на страницу средствами HTML5
64. Символьные подстановки. Неразрывный пробел.
65. Ссылки. Абсолютная и относительная адресации. Графические ссылки. Карты ссылок. Атрибут target
66. iframe. Работа с ссылками в фреймах