ДГ
Size: a a a
ДГ
IN
k
DM
BB
IN
BB
IN
k

IN
BB
k
L
L
D
АЕ
АЕ
UT
a
...И CSS:
<body>
<header class="header">
<span class="header__logo">LOGO</span>
</header>
<h1>Its home page</h1>
<div class="some-block">
<p class="some-block__text">Some stuff</p>
</div>
<div class="some-block">
<p class="some-block__text">Some another stuff</p>
</div>
</body>
</html>
.header {
background-color: orangered;
}
.some-block {
background-color: orange;
}
.some-block__text {
margin: 0;
}
Первый вопрос. Что если мне нужно для блока *Header* поставить margin-bottom: 10px? Так как это блок и я хочу его переиспользовать, то для него задать я не могу. В таких случаях идеально должны подойти миксы, те сделать *Header* элементом другого блока, НО какого?...Второй вопрос. Вот у меня на этой странице есть 2 блока *Some Block* и для них мне нужно сделать
.???__header {
margin-bottom: 10px;
}
margin: 15px, те мне опять же нужно сделать его элементом какого-то блока (какого и как я пойму из первого ответа) и опять же сделать:...Но что если для второго такого-же блока мне нужно, чтобы правый внешний отступ был 20px:
.???__some-block (или?) {
margin: 10px;
}
margin-right: 20px (и это исключительно особенность его расположения на этой страницы, как и внешние отступы по 10px, просто для второго такого-же блока правый отступ нужен в 20px).margin-bottom: 10px, а на странице *Contacts* margin-bottom: 15px (это чисто дизайнерская особенность этой странице и этот отступ для блока *Header* в 15px зависит только от того, что он находится на странице *Contacts*).27px, те мне его нужно выделить в отдельный блок? Или же на каждой странице сделать его элементом какого-то другого абстрактного блока (какого я пойму из первого вопроса)?30px и color: green? Что сделать в этом случае?