Кто то говорит что задавать определенную/фиксированную высоту и ширину блока в пикселях можно, кто то говорит в редких случаях , третий говорит не желательно. Я не говорю про такие моменты когда контент нужно центрировать и тд. Вообщем хотелось бы узнать когда ширину и высоту делать фиксированную? Когда ставить в % , когда в px ?
Подскажите пожалуйста хорошую статью/видеоурок/информацию про правильную верстку и правильное написание стилей относительно задачи макета.
Кто то говорит что задавать определенную/фиксированную высоту и ширину блока в пикселях можно, кто то говорит в редких случаях , третий говорит не желательно.
Можно.
Когда без этого не обойтись и блок при любых обстоятельствах должен быть именно такой высоты в px.
Например, блок с фоновой картинкой и без контента или с контеном, которого гарантированно меньше, чем высота блока при любых обстоятельствах (увеличенный масштаб, шрифт и т.д.).
Если контента будет больше, то он просто вывалится из этого блока. Если будет задан overflow hidden, то обрежется.
Но обычно неизвестно заранее сколько контента будет в блоке и нет никакой гарантии, что через некоторое время его там не станет больше или меньше. Поэтому, высоту либо не задают либо ограничивают.
Всегда нужно проверять блоки на переполнение. Т.е. что будет если пунктов в меню станет на 3 больше? А на 10? А что будет, если контента будет 1 абзац вместо 3? А если 5? А что будет если попадется очень длинное слово в тексте? Двойная фамилия в форме? И т.д.
Когда ставить в % , когда в px ?
Мой любимый вопрос, наверное.
Вы сами не знаете, когда у вас блок зависит от ширины родителя, а когда должен быть фиксированным в px?
Если это не очевидно по макету, спросите у дизайнера на какое поведение он рассчитывал.
Ответ: в зависимости от ситуации.
Пояснение: "зависимость от ситуации" определяется нейростетью обученной на примерах вёрстки, а также перекрёстным обучением с применением других нейросетей. Теоретическая возможность алгоритмического описания "зависимости" предполагается, но не была доказана.
Не рекомендуется задавать, но порой никак без этого, в основном касается блоков, за которые вы уверенно можете сказать, что они не могут быть большей высоты чем вы сделали, например блок, в которой лежит картинка, типа карточка товара. На практике эти элементы обычно не больших размеров, например при любом раскладе нужно указывать высоту псевдоэлементам бефор и афтер. Вам поможет любая книга по css https://www.ozon.ru/context/detail/id/147815952/?u...
Простой
Средний
