Приветствую Вас Гость | Регистрация | Вход

CSS

В категории CSS собраны бесплатные видео уроки по этой технологии. CSS (Cascading Style Sheets, в переводе с английского - каскадные таблицы стилей) - это формальный язык описания внешнего вида документа, написанного при помощи языка разметки. Используется для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида веб-страниц. Т.е. язык разметки, например HTML, применяется для описания логической структуры веб-страницы, а формальный язык CSS - для описания внешнего вида этой веб-страницы. Изучение CSS по видео урокам онлайн будет полезно как для начинающих, так и для более опытных программистов. Видео уроки из рубрики CSS Вы можете смотреть бесплатно в любое удобное время. К некоторым онлайн видеоурокам по CSS Вы сможете скачать дополнительные материалы для обучения. Удачи Вам!




Веб-дизайн с нуля в Figma (часть 1)

Всем привет от преподавателя. В этом занятии вы узнаете немного теории о веб-дизайне и познакомитесь с одной из самых перспективных и развивающихся программ нашего времени - Figma. Вместе мы создадим первый экран интернет-магазина цветов, используя инструменты в программе и полезные ресурсы для поиска изображений и иконок. Таймкод: 00:00 - введение 0:58 - теория по веб-дизайну 3:19 - разбор первого экрана, главной страницы сайта 4:21 - практика в программе Figma 28:37 - подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 2

Всем привет! Это вторая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 1:10 - Открытие проекта 1:13 - Создание скрипта 19:26 - Подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 1

Всем привет! Это первая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 0:24 - Разбор примера 1:32 - Создание базовой разметки 1:50 - Создание базовой структуры html страницы 3:30 - Добавление элементов на страницу 8:47...

Завершение теоретической части обучающего курса по CSS

Это заключительный видео урок бесплатного курса по CSS. Теперь Вы наверняка уже понимаете всю мощь этой технологии. Использование CSS в связке с HTHL позволяет создавать интересные и красивые сайты, которые в свою очередь достаточно легки, быстро загружаются и обрабатываются браузерами. Кроме того CSS позволяет легко и быстро менять дизайн сайта. Ведь, если все грамотно сделать, то для этого понадобится всего лишь заменить старый CSS файл на новый и при необходимости, загрузить новые фоновые...

Свойства стилей CSS, которые не наследуются. Значение inherit

Урок «Свойства стилей CSS, которые не наследуются. Значение inherit» посвящен вопросу о том, какие свойства являются ненаследуемыми, и как сделать так, чтобы они наследовались от своего родителя. Дело в том, что большинство свойств в CSS не наследуются от родителей, но при этом многие из них могут иметь значение inherit. При помощи inherit, можно указать браузеру на то, что значение данного свойство нужно брать от его родителя. Таким образом, мы можем сделать из ненаследуемого свойства...

Способы подключения таблицы стилей и файла CSS к HTML странице сайта

В этом онлайн уроке рассказывается о том, как подключить файл таблицы стилей CSS к HTML странице сайта. Существует несколько способов подключения CSS стилей к странице сайта. Самый распространенный из них, это подключение файла CSS через тег link. Также часто используют написание свойств для конкретного тега напрямую, используя атрибут style. Следующий способ подключения стилей заключается в написании их в самом HTML коде в теге style, который обычно указывают в блоке head, хотя работает он и в...

Решение проблем с отображением сайта в браузере Internet Explorer 6 (IE6)

Видео «Решение проблем с отображением сайта в браузере Internet Explorer 6 (IE6)» посвящено вопросу о том, какие проблемы могут возникнуть при отображении Вашего сайта в IE6 и как их решить. Существует несколько способов решения проблем с браузером Internet Explorer 6. Некоторые ставят специальные заглушки на сайт. В этом случае, пользователи не смогут просматривать контент на IE6, а видят на экране сообщение о том, что их браузер устарел и требует обновления. Второй способ решения данной...

Проверка отображения сайта в разных браузерах

В этом видео уроке рассказывается о том, какие проблемы могут возникнуть при отображении страницы сайта в разных браузерах и как это проверить. Дело в том, что сайты в интернете предусмотрены для показа информации для большого количества людей с разными компьютерами. У каждого компьютера имеется экран с определенным разрешением, своя операционная система и браузер. И Вам, как разработчику сайтов, нужно проверять то, как отображается Ваш сайт в других браузерах. Конечно, не обязательно проверять...

Максимальная и минимальная ширина блока в CSS - max и min

Онлайн урок «Максимальная и минимальная ширина блока в CSS - max и min» посвящен вопросу о том, как при помощи стилей CSS ограничить максимальные и минимальные значения ширины блоков на HTML странице сайта. Ограничение ширины используется достаточно часто на сайтах со 100 процентной шириной, когда браузеры растягивают или сужают сайт в зависимости от разрешения экрана компьютера пользователя. Т.е. если разрешение экрана посетителя такого сайта слишком большое, то сайт в его браузере может...

Как скрыть элемент, отключить видимость в CSS. Свойства display и visibility

Это видео посвящено вопросу о том, как скрыть текст, картинку, блок или другой элемент на HTML странице сайта при помощи CSS стилей. Первый способ, который мы рассмотрим, позволяет скрыть элемент, отключив его видимость. Т.е. объект становится невидимым, а его место остается занятым. Второй способ позволяет полностью отключить элемент, т.е. удалить его и освободить место, которое он занимал. Для отключения видимости элемента в CSS предназначено свойство visibility, которое может иметь два...



Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.