CSS
В категории CSS собраны бесплатные видео уроки по этой технологии. CSS (Cascading Style Sheets, в переводе с английского - каскадные таблицы стилей) - это формальный язык описания внешнего вида документа, написанного при помощи языка разметки. Используется для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида веб-страниц. Т.е. язык разметки, например HTML, применяется для описания логической структуры веб-страницы, а формальный язык CSS - для описания внешнего вида этой веб-страницы. Изучение CSS по видео урокам онлайн будет полезно как для начинающих, так и для более опытных программистов. Видео уроки из рубрики CSS Вы можете смотреть бесплатно в любое удобное время. К некоторым онлайн видеоурокам по CSS Вы сможете скачать дополнительные материалы для обучения. Удачи Вам!
Размеры блока в CSS - ширина и высота блока, выравнивание. Свойства width и height
Это видео посвящено вопросу о том, как в CSS задается ширина и высота блока, т.е. его размеры - свойства width и height, а также как выравнивать блок по центру при помощи свойства margin. Для изменения ширины блока предназначено свойство width, которое указывается в пикселях или в процентах от свободного пространства, т.е. в этом случае ширина родительского блока берется за 100 процентов. За высоту блока отвечает свойство height и задается оно в пикселях. Здесь стоит отметить то, что размеры...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 10:57
- Рейтинг: 5.0/1
Приоритет стилей в CSS, каскадность. Как отменить наследование свойств
Видео урок «Приоритет стилей в CSS, каскадность. Как отменить наследование свойств» посвящен вопросу о том, что такое каскадность в CSS, как рассчитать приоритет стилей и как отменить наследование свойств от родительских элементов. Часто у новичков, при создании сайта возникают проблемы с пониманием каскадности в CSS. Например, при написании стиля в CSS c заданием конкретного свойства элементу, выясняется, что оно не работает. Дело в том, что на один тег в HTML странице может влиять сразу...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 20:22
- Рейтинг: 5.0/1
HTML/CSS, Разработка сайтов Создание гибкого элемента Head
Hallo. В этом видео мы создавали липкую шапку страницы, используя язык программирования JavaScript. При прокрутке страницы шапка сайта будет ужиматься в своих размерах, благодаря сравнению свойств элементов в коде. Для закрепления элемента к верху страницы мы повторим такое свойство как position со значением sticky Таймкод: 00:00 - Введение 0:58 - Разбор примера 1:42 - Открытие нового проекта в SublimeText3 1:57 - Создание базовой разметки документы 2:55 - Создание основной структуры...
- Веб дизайн
- HTML
- Автор: CODDY school
- Длительность: 25:51
- Рейтинг: 3.0/1
Веб-дизайн с нуля в Figma (часть 1)
Всем привет от преподавателя. В этом занятии вы узнаете немного теории о веб-дизайне и познакомитесь с одной из самых перспективных и развивающихся программ нашего времени - Figma. Вместе мы создадим первый экран интернет-магазина цветов, используя инструменты в программе и полезные ресурсы для поиска изображений и иконок. Таймкод: 00:00 - введение 0:58 - теория по веб-дизайну 3:19 - разбор первого экрана, главной страницы сайта 4:21 - практика в программе Figma 28:37 - подведение итогов
- Программирование
- Другое (Программирование)
- Автор: CODDY school
- Длительность: 30:46
- Рейтинг: 0.0/0
HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 2
Всем привет! Это вторая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 1:10 - Открытие проекта 1:13 - Создание скрипта 19:26 - Подведение итогов
- Веб дизайн
- HTML
- Автор: CODDY school
- Длительность: 19:59
- Рейтинг: 0.0/0
HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 1
Всем привет! Это первая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 0:24 - Разбор примера 1:32 - Создание базовой разметки 1:50 - Создание базовой структуры html страницы 3:30 - Добавление элементов на страницу 8:47...
- Веб дизайн
- HTML
- Автор: CODDY school
- Длительность: 16:43
- Рейтинг: 0.0/0
Завершение теоретической части обучающего курса по CSS
Это заключительный видео урок бесплатного курса по CSS. Теперь Вы наверняка уже понимаете всю мощь этой технологии. Использование CSS в связке с HTHL позволяет создавать интересные и красивые сайты, которые в свою очередь достаточно легки, быстро загружаются и обрабатываются браузерами. Кроме того CSS позволяет легко и быстро менять дизайн сайта. Ведь, если все грамотно сделать, то для этого понадобится всего лишь заменить старый CSS файл на новый и при необходимости, загрузить новые фоновые...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 1:29
- Рейтинг: 0.0/0
Свойства стилей CSS, которые не наследуются. Значение inherit
Урок «Свойства стилей CSS, которые не наследуются. Значение inherit» посвящен вопросу о том, какие свойства являются ненаследуемыми, и как сделать так, чтобы они наследовались от своего родителя. Дело в том, что большинство свойств в CSS не наследуются от родителей, но при этом многие из них могут иметь значение inherit. При помощи inherit, можно указать браузеру на то, что значение данного свойство нужно брать от его родителя. Таким образом, мы можем сделать из ненаследуемого свойства...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 2:45
- Рейтинг: 0.0/0
Способы подключения таблицы стилей и файла CSS к HTML странице сайта
В этом онлайн уроке рассказывается о том, как подключить файл таблицы стилей CSS к HTML странице сайта. Существует несколько способов подключения CSS стилей к странице сайта. Самый распространенный из них, это подключение файла CSS через тег link. Также часто используют написание свойств для конкретного тега напрямую, используя атрибут style. Следующий способ подключения стилей заключается в написании их в самом HTML коде в теге style, который обычно указывают в блоке head, хотя работает он и в...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 4:54
- Рейтинг: 0.0/0
Решение проблем с отображением сайта в браузере Internet Explorer 6 (IE6)
Видео «Решение проблем с отображением сайта в браузере Internet Explorer 6 (IE6)» посвящено вопросу о том, какие проблемы могут возникнуть при отображении Вашего сайта в IE6 и как их решить. Существует несколько способов решения проблем с браузером Internet Explorer 6. Некоторые ставят специальные заглушки на сайт. В этом случае, пользователи не смогут просматривать контент на IE6, а видят на экране сообщение о том, что их браузер устарел и требует обновления. Второй способ решения данной...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 15:01
- Рейтинг: 0.0/0