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

CSS

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




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

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

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

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

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

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

Завершение теоретической части обучающего курса по 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) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.