HEX notation

#ccc => #cccccc
#3cd => #33ccdd
#ff0 => #ffff00

color:#666; <- color:#666666

_____________________________________________________________________________________

Box-sizing

Применяется для изменения алгоритма расчета ширины и высоты элемента.

Согласно спецификации CSS ширина блока складывается из ширины контента (width), значений отступов (margin), полей (padding) и границ (border). Аналогично обстоит и с высотой блока. Свойство box-sizing позволяет изменить этот алгоритм, чтобы свойства width и height задавали размеры не контента, а размеры блока.

Синтаксис

box-sizing: content-box | border-box | inherit

Значения

content-box

Основывается на стандартах CSS, при этом свойства width и height задают ширину и высоту контента и не включают в себя значения отступов, полей и границ.

border-box

Свойства width и height включают в себя значения полей и границ, но не отступов (margin). Эта модель используется браузером Internet Exporer в режиме несовместимости.

inherit

Наследует значение родителя.

_____________________________________________________________________________________

Позволяет делать из текста 2 колонки, задавая ширину в 50% и смещая влево

.half {

float: left;

width: 50%;

}

_____________________________________________________________________________________

Clear

Описание

Устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отменяет его действие для указанных сторон.

Дата добавления: 2015-08-17