[Из песочницы] Победа над неочевидным. Схлопывание внешних отступов
2015-05-05 18:03:46
... — особенность блочной модели
CSS, которая заключается в ...
+ развернуть текст сохранённая копия
Много начинающих верстальщиков и веб-разработчиков сталкиваются с ситуацией, когда элементы на странице ведут себя не так, как ожидается, и данное поведение кажется абсурдным. Но не стоит забывать, что существующие доминирующие технологии созданные людьми думающими, а если эта технология ещё и проверенная временем, значит, в таком странном, на первый взгляд, поведении, была и остается необходимость.
Наверное, каждый сталкивался со свойством border-collapse для таблиц. Известно, что данное свойство со значением border-collapse:collapse удаляет одну из границ для соседних ячеек таблицы, предотвращая дублирование их границ. Схоже работает и особенность блочной модели, называемая схлопыванием внешних отступов (англ. — Collapsing Margin). Схлопывание внешних отступов — особенность блочной модели CSS, которая заключается в наложении вертикальных внешних отступов двух или более блочных элементов (которые могут быть или не быть соседями) для формирования одиночного внешнего отступа. Отступ, сформировавшийся в результате данного объединения, называется схлопнувшимся отступом. Заметьте, что данная особенность применима только к вертикальным отступам элемента, т.е. к margin-top и margin-bottom.
Читать дальше →
Тэги:
collapsing,
css,
html,
margin,
веб-разработка
Строим с flexbox
2015-05-05 10:40:40
В данной обучающей статье мы разберем некоторые реальные и некогда действительно ...
+ развернуть текст сохранённая копия
В данной обучающей статье мы разберем некоторые реальные и некогда действительно трудновыполнимые моменты, которые сейчас легко решаются благодаря использованию flexbox.
Читать дальше →
Тэги:
css,
flexbox,
html,
веб-разработка
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №158 (27 апреля — 3 мая 2015)
2015-05-04 00:04:08
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Читать дальше →
Тэги:
api,
css,
css3,
group,
html,
html5,
javascript,
jquery,
zfort,
блог,
браузеры,
веб-дизайн,
веб-разработка,
дайджест,
компании,
новости,
ссылки
Подборка по JavaScript и CSS
2015-05-03 20:46:37
В этом посте решил поделиться с хабрасообществом своей подборкой справочников и обучающих ...
+ развернуть текст сохранённая копия
В этом посте решил поделиться с хабрасообществом своей подборкой справочников и обучающих ресурсов для web-разработки, в основном на javascript. Она будет полезна тем, кто недавно начал заниматься frontend-разработкой и хочет иметь под рукой выборку удобных справочных материалов для работы.
Читать дальше →
Тэги:
css,
javascript,
веб-разработка
Сколько стоит создать сайт?
2015-04-28 22:13:40
Многие люди интересуются - сколько нужно денег , чтобы создать сайт ? Давайте разложим все по ...
+ развернуть текст сохранённая копия
Многие люди интересуются - сколько нужно денег , чтобы создать сайт ? Давайте разложим все по полочкам! И разберем несколько вопросов. Прежде всего необходимо определиться, что это будет за сайт? Будет ли это городской портал, сайт-визитка, лендинг или блог, или же - интернете-магазин. Создать сайт можно как бесплатно, так и платно. Причем бесплатный вариант подразумевает разработку сайта собственными силами, […]
Тэги:
css,
html,
php,
видеокурсы,
продвижение,
разработка,
раскрутка,
сайт,
сайтов,
создание
