CSS Flashcards

1
Q

Как выбрать элемент по классу, ид, атрибуту?

A
.class
#id
[attribute="value"]
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Блочная модель верстки

A

В графическом редакторе создаётся макет сайта: размечается, где какая область страницы (шапка, низ, боковая панель, основной контент) будет находиться и сколько места занимать, готовятся картинки, фоны.

Каждая часть страницы помещается в свой блок <div>: верх сайта — в первый, меню — во второй, контент — в третий и т. д. Каждый блок наполняется содержимым средствами HTML, а также позиционируется и оформляется с помощью CSS-разметки.

Конечный HTML-документ представляет собой набор блоков <div> с контентом внутри. Оформление зачастую находится в отдельном CSS-файле, подключенном к странице тегом , или как минимум в контейнере секции .

margin-border-padding-content
схлопывание внешних отступов - когда два блока соприкасаются, расстояние между ними будет равняться не сумме двух марджинов, а большему из них.</div></div>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Свойство float

A
Обтекание. 
Позволяет следующие значения: 
left, right, none, inherit.
Свойство CLEAR - запрет обтекания.
Позволяет следующие значения: 
left, right, both, none.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Свойства для управления отображением и положением элемента

A

display (none, block, inline, etc), position (top, right, left, bottom), margin, padding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Селектор с масками

A

[class*=”ABC”]

есть несколько операторов значения:
^= начинается с
$= заканчивается значением
*= содержит значение
~= входит в список разделяемых пробелом значений
How well did you know this?
1
Not at all
2
3
4
5
Perfectly