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

CSS

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




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

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

CSS свойство float. Выравнивание и обтекание блока или картинки текстом

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

Как в CSS сделать красивое оформление элементов input в формах

Это видео посвящено вопросу о том, как в CSS сделать красивое оформление элементов input в формах. Для начала необходимо присвоить для тегов input, предназначенных для ввода имени и пароля, определенный класс, через который мы будем определять свойства, влияя на внешний вид элементов формы. Теперь в файле CSS можно установить для них рамку через свойство border и ширину - width. После этого, с помощью параметра background-image, поставим на фон элементов input изображение в виде градиента...

Оформление формы и её элементов через CSS стили

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

Оформление таблицы в CSS. Рамка, границы ячеек, фон, выравнивание

Видео урок «Оформление таблицы в CSS. Рамка, границы ячеек, фон, выравнивание» посвящен вопросу о том, как с помощью стилей можно управлять внешним видом таблиц. Для определения границ таблицы и ячеек используется свойство border, в котором указывается размер рамки, её стиль и цвет. Размеры таблицы задаются при помощи свойств width и height (ширина и высота). Для установки отступов внутри ячеек предназначено свойство padding. Чтобы выровнять текст в ячейках таблицы, например по центру...

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

Здесь рассказывается о том, как использовать CSS свойство background для записи параметров фона в сокращенном виде. В тех случаях, когда для установки фоновых параметров используется несколько CSS свойств, становится целесообразнее использовать более короткую запись. Сделать это можно при помощи всего лишь одного свойства background, которое объединяет в себе все параметры отображения фона. В сокращенной записи все или некоторые значения таких параметров перечисляются через пробел в...

Как сделать фиксированный (неподвижный) фон в CSS

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

Позиционирование фоновой картинки в CSS. Свойство background-position

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

Повтор фонового изображения в CSS. Свойство background-repeat

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

Как в CSS сделать прозрачный фон, фоновый цвет или картинку

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



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