Xiper

Архивы Уроки CSS - Page 2 of 3 - Xiper

  • Селекторы: общие сведения

    добавлено

    Селектор — это часть CSS-правила, которая определяет, к каким элементам будут применяться заданные стили. Чтобы сделать выбор элементов простым и однозначным, придумали целый ряд разных видов селекторов. Не заблудиться среди них поможет наш цикл статей про селекторы. А открывает этот цикл вступление с общими сведениями.

  • Универсальный селектор

    добавлено

    Универсальный селектор выбирает все элементы на странице. С ним связано несколько особенностей и подводных камней. Будем разбираться.

  • Селектор типа

    добавлено

    Селектор типа — это один из самых простых и предсказуемых селекторов. Выбирает элементы по имени тега.

  • Группируем CSS. Директива @import

    добавлено

    Иногда, например в крупных проектах, удобно разделить CSS на отдельные файлы и из них, как из кубиков, составлять CSS для каждой страницы. Соединить несколько CSS в одно целое поможет директива @import.

  • Внешние таблицы стилей

    добавлено

    Использование внешних таблиц стилей — самый удобный и грамотный способ связать воедино HTML и CSS.

  • Вложенные таблицы стилей

    добавлено

    Как подключить CSS с помощью вложенных таблиц стилей и чем этот способ отличается от других вариантов соединения HTML и CSS.

  • Встроенные стили

    добавлено

    Существует несколько способов соединить CSS и HTML. Один из них — использование встроенных стилей. Способ имеет ряд недостатков и ограниченную область применения. Но встречаются случаи, когда встроенные стили оказываются очень удобными.

  • Блочные элементы

    добавлено

    Отличительные особенности блочных элементов и об их размерах.

  • Анатомия CSS

    добавлено

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

  • Схлопывание margin

    добавлено

    Разбираем, что такое схлопывание отступов (margin collapsing). Как оно работает, зачем может быть полезно, и как его побороть, если оно не нужно.

  • Введение

    добавлено

    Первая статья из серии, посвященной модели визуального форматирования. Знакомимся с основными правилами и терминами.

  • Дерево документа HTML

    добавлено

    дерево html документаДерево документа (document tree) — это схема построения HTML документа, которая показывает связи между различными элементами страницы.

  • Box model — блочная модель

    добавлено

    блочная модельИзучаем блочную модель. Рассматриваем структуру элемента в блочной модели, узнаем, чем отличаются различные модели и как можно между ними переключаться.

  • История развития CSS

    добавлено

    CSS, как прогрессивная и востребованная технология, проходит долгий путь развития и усовершенствования. Давай посмотрим, как все начиналось!

  • Что такое CSS

    добавлено

    Аббревиатура CSS расшифровывается как Cascading Style Sheets — каскадные таблицы стилей. Давай разберемся, что же это за таблицы, для чего они нужны и почему они вдруг «каскадные»?