Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.
Начнем со свойства all. Оно нужно, чтобы сбросить все значения свойств, кроме direction и unicode-bidi. Это очень легко понять на примере. При помощи свойства css, сделаем цвет текста абзаца красным, а потом сбросим его.
p { color: red; }
p { all: unset; } /* сбрасываем стиль */<p>Привет, мир</p>Свойство может принимать три значения:
initial- изменяет все свойства на исходные значения.inherit- изменяет все свойства на значения, которые наследуются у родителя.unset- работает какinherit, если свойство наследуется, иначе какinitial.
Следующее свойство clear, оно запрещает данному элементу обтекать предшествующие ему плавающие элементы, находящиеся с указанной стороны, т.е. отменяет действие float. Рассмотрим значения, которые принимает clear:
none- отменяет действиеclear.both- используется, если неизвестно с какой стороны нам нужно отменить действиеfloat.left- отменяет слева.right- отменяет справа.
Теперь рассмотрим свойство clip, оно отображает область, в которой будет позиционироваться элемент, а остальное обрезает. Так выглядит синтаксис: clip: rect(Y1, X2, Y2, X1), где х1 - отступ слева до ближнего края, х2 - отступ слева до дальнего края, у1 - отступ сверху до ближнего края и у2 - отступ сверху до дальнего края. Это свойство можно использовать только для элементов имеющих свойство position: absolute или position: fixed.
Свойство clip уже устарело и на смену ему пришло более гибкое и расширенное свойство clip-path. О новом свойстве можно почитать на сайте Мозиллы.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.
