Современные браузеры позволяют прокручивать страницу плавно, изпользуя ссылку-якось средствамми CSS, без JavaScript.
Похоже, не работает только в IE.
Сделать это можно так:
<a href="#mainText">прокрутить</a>
...
<p id="mainText">текст</p>
вся магия тут:
html {
scroll-behavior: smooth;
}
Выглядит примерно так:
(далее…)
Flexbox позволяет сделать очень много интересных вещей в нашей верстке, которые раньше давались большой кровью или попросту были невозможно. Современный «верстальщик» просто обязан владеть этими знаниями.
(далее…)
Flexible Box — это мощный механизм построения гибких лейаутов.
(далее…)
SCSS позволяет переопределить значение переменной.
Сделать это можно так:
$color: white !default;
$color: red;
(далее…)
Сделать это можно так:
li {
display: none;
}
li:nth-child(-n+3) {
display:block;
}
(далее…)
Разработчики Internet Explorer посчитали свой браузер в 10й версии таковым, который достаточно хорошо поддерживает стандарты и решили убрать возможность указывать стили только для IE10 с помощью условных комментариев (Conditional Comments).
(далее…)
У CSS есть замечательное свойство text-overflow со значением ellipsis которое позволяет ограничивать длину текста добавляя три точки если текст не помещается полностью. Это позволяет добиться эстетичного эффекта и не ломать дизайн.
Но иногда бывает, что это свойство не срабатывает как бы на хотелось.
В чем же может быть причина?
(далее…)
CSS позволяет реализовать выпадающее меню по клику без JavaScript. Сделать это можно c помощью CSS псевдоклассов :focus, :active, :hover и некоторых маленьких хитростей.
(далее…)
Общеизвестный прием при выравнивании DIV-а с известной шириной по центру заключается в том, чтобы задать выравниваемому блоку:
marin: 0 auto;
Но это совсем не работает в случае с блоком у которого неизвестна ширина.
(далее…)