Основы и практическое применение в Tilda Список уроков
1. HTML - вводный урок 2. HTML - структура документа 3. Заголовки 4. Теги для работы с текстом 5. Ссылки 6. Якоря 7. Списки List 8. Изображения img 9. Таблицы table 10. Видео и аудио 11. Формы 12. CSS. Введение 13. ID, Class, Tag 14. Каскадность 15. Инструмент разработчика Developer Tools 16. Стили для текста 17. Стилизация списков ul , ol 18. Border / Outline 19. Блочные и строчные элементы 20. Background 21. Позиционирование элементов 22. Float 23. Псевдоклассы часть 1 24. Псевдоклассы часть 2 25. Градиент 26. Тень box-shadow 27. Работа с курсором 28. Медиа-запросы 29. Filter 30. Max / Min 31. Комбинаторы 32. Единицы измерения 33. Transition 34. Анимация 35. Трансформация 36. Префиксы 37. Подключаем шрифт 38. Псевдоэлементы 39. Подмена изображений 40. Flex 41. Flex-gap 42. Grid
Вы научитесь на курсе:
Пониманию структуру документа
Правильному составлению обращения до нужного элемента
Основным тегам, что используются в Тильда
Работе с изображениями, таблицами, ссылками, формами, списками, якорями, текстом, вставлять видео и аудио на страницу
Пониманию, что такое ID, что такое селектор, а что такое класс. Зачем одному блоку много классов
Инструменту разработчика в браузере DevTools
Свободной стилизации текста, вплоть о создания теней
Каскадности и наследованию в CSS
Стилизации списков и замене маркеров
Работе с границами вокруг различных элементов и карточек
Как задавать фон любому элементу. Как его раскладывать паттерном, градиентом, задавать размер, смещать и позиционировать
Создавать элементы на CSS, позиционировать их в любых местах страницы, создавать дополнительный текст, на замену штатного
Создавать внешние и внутренние тени
Работать и изменять курсор на CSS
Накладывать визуальные фильтры и стилизовать фото и различные элементы
Управлять видимостью блоков и отдельных элементов по размерам экрана пользователя
Разберётесь в единицах измерения px, %, em , rem , vh, vw ...
Работать с трансформацией и искажением в CSS
Задавать лавную анимацию на различные события на странице
Изменять и подключать свой шрифт к любому тексту на странице. В обычных блоках, в Zero, в формах или корзине
Подменять изображения, что не настраиваются в контенте блока. Различные соц иконки и многое другое
Создавать очень гибкие и динамичные сетки на странице