Как сделать border дочерних div блоков не сдвоенными с родительским?

t00rt, так медиа-запросы на что?

Как сделать border дочерних div блоков не сдвоенными с родительским?

Ок. Тогда так:

.block:nth-child(4n) {
  border-right: none;
}
.block:nth-last-child(4),
.block:nth-last-child(3),
.block:nth-last-child(2),
.block:nth-last-child(1)
{
  border-bottom: none;
}

Как сделать высоту a {} по высоте родителя ul?

У флекса по умолчанию все внутренние элементы (в данном случае a) растягиваются на всю высоту родителя. У li высота неопределена, точнее на всю выстоту ul, которая у вас задана через line-height.

Можно было бы сделать и так https://jsfiddle.net/sok0nw7m/ (цветом фона выделил размер li. Но тогда пришлось быть придумать как растянуть высоту a до размеров li.

Можно ли с помощью css масштабировать скругленное изображение не меняя его размер?

Alex, всегда найдется извращенец, у которого аватар 9999х1... ) надо ограничивать изначально картинку при заливке.

Можно ли с помощью css масштабировать скругленное изображение не меняя его размер?

Alex, не относится к сути вопроса автора, но можно задать изображению изначальный transform scale больше 1.

Можно ли с помощью css масштабировать скругленное изображение не меняя его размер?

Alex, не вижу. дайте скриншот и в каком браузере...

Можно ли с помощью css масштабировать скругленное изображение не меняя его размер?

В ff не работает.

Есть ли способ поставить задержку между шагами анимации на css?

zwezew, это самодеятельность разработчиков. https://developer.mozilla.org/en-US/docs/Web/CSS/C...

Есть ли способ поставить задержку между шагами анимации на css?

zwezew, не работает даже в хроме. у вас не background-image подвергнут transition, а все множество свойств background. background-position, background-size например могут работать, потому что имеют численные значения. все что имеет текстовые значения не работает через transition.

Есть ли способ поставить задержку между шагами анимации на css?

zwezew, а вы в курсе что transition на background-image не работает?

Есть ли способ поставить задержку между шагами анимации на css?

zwezew, Просто надо финальное состояние тоже задавать. Держите

Может ли CSS файл содержать вредоносный код?

dollar, я этого не говорил. вы можете хоть .exe файл закодировать в base64. А в css написать background-image: url(<код в кодировке base64>). Т.е. css содержит вредоносный код. Как этот код запустить я не знаю, но вероятно есть методы...

еще вот такая мысль пришла, сторонний css может содержать конструкцию:
</style><script>...</script><style>
тогда при вставке inline-css вы получите сторонний js-код в своем html.

Пора ли использовать CSS переменные?

5% - это в моих проектах. Смотрите метрику в своих. Возможно в ваши пользователи IE не используют.

Пора ли использовать CSS переменные?

У flexbox все же в IE11 частичная поддержка, а не полное остуствие...

Можно ли сделать такие вкладки с помощью css?

Нет ничего невозможного для человека с интеллектом. (с)... Однако много гемора. Бесплатно только настоящий фанат css вам сделает.

Что за магия с относительными размерами элементов HTML CSS?

hckn, вы ошибаетесь. не единственный и не лучший.

<div class="container">
    <div class="box"></div
    ><div class="box"></div
    ><div class="box"></div>
</div>

или так

<div class="container">
    <div class="box"></div><div class="box"></div><div class="box"></div>
</div>

или так

<div class="container">
   <div class="box"></div><!--
--><div class="box"></div><!--
--><div class="box"></div>
</div>

Еще есть вариант с отрицательным letter-spacing, однако в некоторых случаях этот вариант так же нуждается в восстановлении межсимвольного интервала.

.container {
   letter-spacing: -1em;
}

Что за магия с относительными размерами элементов HTML CSS?

Никита Егоров, ок

Что за магия с относительными размерами элементов HTML CSS?

Никита Егоров, вы ведь так и не поняли в чем проблема, так?

Что за магия с относительными размерами элементов HTML CSS?

Никита Егоров, разработчик ничего не должен решать. он должен делать как в тз и дизайне. но всем все равно, потому что у нас дикий рынок разработки.

Что за магия с относительными размерами элементов HTML CSS?

Никита Егоров, в этом и проблема, что наследования нет. у вас в боксах должен быть совершенно другой размер шрифта, в зависимости от всех оберток, а не в зависимости от html. Для понимания сути проблемы https://codepen.io/aliencash/pen/JaWmmm?editors=1100