CSS
В категории CSS собраны бесплатные видео уроки по этой технологии. CSS (Cascading Style Sheets, в переводе с английского - каскадные таблицы стилей) - это формальный язык описания внешнего вида документа, написанного при помощи языка разметки. Используется для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида веб-страниц. Т.е. язык разметки, например HTML, применяется для описания логической структуры веб-страницы, а формальный язык CSS - для описания внешнего вида этой веб-страницы. Изучение CSS по видео урокам онлайн будет полезно как для начинающих, так и для более опытных программистов. Видео уроки из рубрики CSS Вы можете смотреть бесплатно в любое удобное время. К некоторым онлайн видеоурокам по CSS Вы сможете скачать дополнительные материалы для обучения. Удачи Вам!
Как скрыть элемент, отключить видимость в CSS. Свойства display и visibility
Это видео посвящено вопросу о том, как скрыть текст, картинку, блок или другой элемент на HTML странице сайта при помощи CSS стилей. Первый способ, который мы рассмотрим, позволяет скрыть элемент, отключив его видимость. Т.е. объект становится невидимым, а его место остается занятым. Второй способ позволяет полностью отключить элемент, т.е. удалить его и освободить место, которое он занимал. Для отключения видимости элемента в CSS предназначено свойство visibility, которое может иметь два...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 2:37
- Рейтинг: 0.0/0
Размеры блока в 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
Высота строки, регистр текста, расстояние между словами и буквами в CSS
Видео «Высота строки, регистр текста, расстояние между словами и буквами в CSS» посвящено вопросу о том, как в CSS задается межстрочный интервал, расстояние между словами и буквами, а также как оформить текст в нижнем или верхнем регистре. Межстрочный интервал - это расстояние между строками, а точнее между базовыми линиями строк текста. Для его определения предназначено свойство line-height, которое может иметь значение normal, что соответствует значению по умолчанию для данного шрифта. Также...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 9:29
- Рейтинг: 0.0/0
Веб-дизайн с нуля в 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. Часть 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. Свойство position со значением relative
Здесь рассказывается о том, как выполняется относительное позиционирование в CSS и в каких случаях это можно использовать. Для того чтобы сделать относительное позиционирование элемента на HTML странице сайта, необходимо в CSS прописать для него свойство position и присвоить ему значение relative. Особенностью относительного позиционирования является то, что браузер резервирует место, в котором должен находиться этот объект, и не позволяет занимать это место другим элементам. А сам относительно...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 9:11
- Рейтинг: 0.0/0
Особенности использование float в CSS, отмена обтекания. Свойство clear
Видео «Особенности использование float в CSS, отмена обтекания. Свойство clear» посвящено вопросу об основных моментах, на которые стоит обратить внимание при работе с плавающими элементами и как сделать очистку свойства float. Первая особенность использования float заключается в том, что для создания плавающего элемента необходимо обязательно указать его ширину в свойстве width. Иначе он будет занимать всё предоставленное ему пространство по ширине и не даст себя обтекать. При использовании...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 10:14
- Рейтинг: 0.0/0
Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border
Урок «Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border» посвящен вопросу о том, как делается рамка для HTML элементов - таблицы, вокруг текста, картинки и т.д. Для создания рамки в CSS предусмотрено три свойства. В свойстве border-width указывается толщина рамки в пикселях, а border-style отвечает за её стиль. Здесь можно указать следующие значения: dotted (точечная), dashed (пунктирная), solid (сплошная) и double (двойная). За цвет рамки отвечает свойство border-color. В...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 7:45
- Рейтинг: 0.0/0
Сокращенная запись в CSS для определения шрифта текста. Свойство font
В этом онлайн уроке рассказывается о том, как в CSS задавать свойства шрифта текста, используя сокращенную запись. Для этого предназначено свойство font, с помощью которого можно записать все свойства текста в одной строке. Т.е. мы можем через пробел, в определенной последовательности, перечислить название шрифта, его размер, цвет, жирность и т.д. Это существенно сокращает запись в файле CSS, особенно в том случае, если изменяется много свойств текста. Теперь по подробней изучим...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 7:33
- Рейтинг: 0.0/0