CSS Flashcards
Как выбрать элемент по классу, ид, атрибуту?
.class #id [attribute="value"]
Блочная модель верстки
В графическом редакторе создаётся макет сайта: размечается, где какая область страницы (шапка, низ, боковая панель, основной контент) будет находиться и сколько места занимать, готовятся картинки, фоны.
Каждая часть страницы помещается в свой блок <div>: верх сайта — в первый, меню — во второй, контент — в третий и т. д. Каждый блок наполняется содержимым средствами HTML, а также позиционируется и оформляется с помощью CSS-разметки.
Конечный HTML-документ представляет собой набор блоков <div> с контентом внутри. Оформление зачастую находится в отдельном CSS-файле, подключенном к странице тегом , или как минимум в контейнере секции .
margin-border-padding-content
схлопывание внешних отступов - когда два блока соприкасаются, расстояние между ними будет равняться не сумме двух марджинов, а большему из них.</div></div>
Свойство float
Обтекание. Позволяет следующие значения: left, right, none, inherit. Свойство CLEAR - запрет обтекания. Позволяет следующие значения: left, right, both, none.
Свойства для управления отображением и положением элемента
display (none, block, inline, etc), position (top, right, left, bottom), margin, padding
Селектор с масками
[class*=”ABC”]
есть несколько операторов значения: ^= начинается с $= заканчивается значением *= содержит значение ~= входит в список разделяемых пробелом значений