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

CSS

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

Блочные и встроенные элементы в CSS. Свойство display Смотреть урок онлайн

Блочные и встроенные элементы в CSS. Свойство display

В этом видео уроке рассказывается о том, что такое блочные и встроенные элементы, чем они отличаются и как с ними работать в CSS. А также как из блочного элемента сделать встроенный и наоборот. Блочные элементы отличается от встроенных тем, что они всегда начинаются с новой строки, например тег div, p, h и т.д. Встроенные элементы (теги span, a, b, strong, I, em и т.д.) не разрывает строку, и используются в основном для выделения части текста каким-либо стилем. Внутри одного встроенного...

Конфликты полей блоков, особенности работы с отступами margin в CSS Смотреть урок онлайн

Конфликты полей блоков, особенности работы с отступами margin в CSS

Онлайн урок «Конфликты полей блоков, особенности работы с отступами margin в CSS» посвящен вопросу о том, какие проблемы могут возникнуть при работе с отступами и как их решить. Конфликты полей возникают в том случае, если для двух соседних блоков заданы разные внешние отступы. Приведем пример. Имеются два блока - верхний и нижний. У верхнего блока, при помощи свойства margin-bottom, задан внешний отступ снизу - 20 пикселей. А у нижнего блока задан верхний внешний отступ - margin-top в значении...

Блочная модель, отступы в CSS. Свойства margin и padding Смотреть урок онлайн

Блочная модель, отступы в CSS. Свойства margin и padding

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

Наследование свойств классов и стилей в CSS Смотреть урок онлайн

Наследование свойств классов и стилей в CSS

Здесь рассказывается о том, как происходит наследование свойств классов и стилей в CSS. Наследование в CSS заключается в том, что при задании определенных свойств элементам HTML страницы, например, через класс или указание стиля напрямую через атрибут style, часть этих свойств распространяется и на другие элементы (потомки), которые находятся внутри главного элемента - родителя или предка. Если изучить и грамотно воспользоваться принципом наследования, то можно значительно сократить записи в...

Оформление списков в CSS, стили маркеров. Свойство list-style Смотреть урок онлайн

Оформление списков в CSS, стили маркеров. Свойство list-style

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

Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border Смотреть урок онлайн

Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border

Урок «Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border» посвящен вопросу о том, как делается рамка для HTML элементов - таблицы, вокруг текста, картинки и т.д. Для создания рамки в CSS предусмотрено три свойства. В свойстве border-width указывается толщина рамки в пикселях, а border-style отвечает за её стиль. Здесь можно указать следующие значения: dotted (точечная), dashed (пунктирная), solid (сплошная) и double (двойная). За цвет рамки отвечает свойство border-color. В...

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

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

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

Высота строки, регистр текста, расстояние между словами и буквами в CSS Смотреть урок онлайн

Высота строки, регистр текста, расстояние между словами и буквами в CSS

Видео «Высота строки, регистр текста, расстояние между словами и буквами в CSS» посвящено вопросу о том, как в CSS задается межстрочный интервал, расстояние между словами и буквами, а также как оформить текст в нижнем или верхнем регистре. Межстрочный интервал - это расстояние между строками, а точнее между базовыми линиями строк текста. Для его определения предназначено свойство line-height, которое может иметь значение normal, что соответствует значению по умолчанию для данного шрифта. Также...

Выравнивание текста и красная строка в CSS. Свойства text-align и text-indent Смотреть урок онлайн

Выравнивание текста и красная строка в CSS. Свойства text-align и text-indent

В этом видео уроке рассказывается о том, как в CSS сделать выравнивание текста и отступ абзаца от края (красная строка). Для этого в CSS предусмотрены два свойства, это text-align и text-indent. За выравнивание текста отвечает свойство text-align, которое может иметь четыре значения. По умолчанию браузер выравнивает все элементы HTML страницы по левому краю, это соответствует значению left. Чтобы выровнять текст по правому краю, нужно использовать - right, а по центру - center. Также часто...

Как сделать подчеркнутый и зачеркнутый текст в CSS. Свойство text-decoration Смотреть урок онлайн

Как сделать подчеркнутый и зачеркнутый текст в CSS. Свойство text-decoration

Онлайн урок «Как сделать подчеркнутый и зачеркнутый текст в CSS. Свойство text-decoration» посвящен вопросу о том, как выделить текст подчёркиванием или перечёркиванием. За такое декоративное оформление текста в CSS отвечает свойство text-decoration. Оно имеет несколько значений. Первое из них это underline, что означает подчеркивание текста. Следующее значение overline ответственно за верхнее подчеркивание текста. И последнее значение line-through используется для перечеркивания текста...

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