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

CSS

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

Размеры блока в CSS - ширина и высота блока, выравнивание. Свойства width и height Смотреть урок онлайн

Размеры блока в CSS - ширина и высота блока, выравнивание. Свойства width и height

Это видео посвящено вопросу о том, как в CSS задается ширина и высота блока, т.е. его размеры - свойства width и height, а также как выравнивать блок по центру при помощи свойства margin. Для изменения ширины блока предназначено свойство width, которое указывается в пикселях или в процентах от свободного пространства, т.е. в этом случае ширина родительского блока берется за 100 процентов. За высоту блока отвечает свойство height и задается оно в пикселях. Здесь стоит отметить то, что размеры...

Приоритет стилей в CSS, каскадность. Как отменить наследование свойств Смотреть урок онлайн

Приоритет стилей в CSS, каскадность. Как отменить наследование свойств

Видео урок «Приоритет стилей в CSS, каскадность. Как отменить наследование свойств» посвящен вопросу о том, что такое каскадность в CSS, как рассчитать приоритет стилей и как отменить наследование свойств от родительских элементов. Часто у новичков, при создании сайта возникают проблемы с пониманием каскадности в CSS. Например, при написании стиля в CSS c заданием конкретного свойства элементу, выясняется, что оно не работает. Дело в том, что на один тег в HTML странице может влиять сразу...

Сокращенная запись в CSS для определения шрифта текста. Свойство font Смотреть урок онлайн

Сокращенная запись в CSS для определения шрифта текста. Свойство font

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

HTML/CSS, Разработка сайтов Создание гибкого элемента Head Смотреть урок онлайн

HTML/CSS, Разработка сайтов Создание гибкого элемента Head

Hallo. В этом видео мы создавали липкую шапку страницы, используя язык программирования JavaScript. При прокрутке страницы шапка сайта будет ужиматься в своих размерах, благодаря сравнению свойств элементов в коде. Для закрепления элемента к верху страницы мы повторим такое свойство как position со значением sticky Таймкод: 00:00 - Введение 0:58 - Разбор примера 1:42 - Открытие нового проекта в SublimeText3 1:57 - Создание базовой разметки документы 2:55 - Создание основной структуры...

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

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

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

Разметка HTML страницы сайта на основе блоков div и CSS свойства float Смотреть урок онлайн

Разметка HTML страницы сайта на основе блоков div и CSS свойства float

В этом видео уроке рассказывается о том, как выполняется разметка HTML страницы сайта на основе блоков div и CSS свойства float. Для того чтобы сделать каркас сайта на основе плавающих элементов нам понадобятся несколько блоков div, которые будут играть роль шапки сайта, сайдбаров (боковые части), основного блока с контентом, и нижней части сайта. Далее, при помощи стилей CSS и свойства float мы будем определять внешний вид этих блоков, их размеры и положение на HTML странице. Каждому тегу div...

Жирный и курсивный шрифт текста в CSS. Свойства font-weight и font-style Смотреть урок онлайн

Жирный и курсивный шрифт текста в CSS. Свойства font-weight и font-style

Это видео посвящено вопросу о том, как сделать жирный и курсивный шрифт текста в CSS. Для выделения текста курсивом, предназначено свойство font-style со значением italic. Чтобы выделить часть текста курсивным шрифтом, можно сначала в HTML коде страницы сайта обозначить его тегами span и задать атрибут class. Затем, в таблице стилей, при помощи селектора классов задать свойство font-style со значением italic. Таким образом, обозначенная часть текста будет выделена курсивом, а остальной текст не...

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

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

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

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

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

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

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

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

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

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