Статьи

  • First letter

    :first-letter — это псевдоэлемент, представляющий первый символ в тексте.

    Работает только для блочных элементов.

    К :first-letter применяется ограниченное количество свойств.

  • Эти глаза напротив

    Тени, градиенты, скругленные углы.

  • Css-фигуры

    Фигуры с помощью Css — тема богатая и интересная. Помимо базовых фигур, используя тени и псевдоэлементы можно сделать много всякого другого, причем некоторые фигуры можно сделать двумя и более способами.

  • Стрелки с помощью свойства border

    С помощью border можно легко делать стрелочки разного размера и в разных направлениях.

    Чтобы понять общий принцип, возьмем див нулевого размера, сделаем ему толстую рамку и раскрасим её в разные цвета.

  • Flexbox

    Flexbox — это новый способ располагать блоки на странице. Это технология, созданная именно для раскладки элементов, в отличие от float-ов. С помощью Flexbox можно легко выравнивать элементы по горизонтали и по вертикали, менять направление и порядок отображение элементов, растягивать блоки на всю высоту родителя или прибивать их к нижнему краю.