Що робить normalize.css?
normalize.css, це файл базових стилів, який не обнуляє повністю стандартні стилі браузера, як reset.css, а вирівнює їх і приводить до єдиного вигляду в усіх браузерах, зберігаючи корисні типові значення.
Що насправді робить normalize.css
- усуває міжбраузерні розбіжності у відображенні HTML-елементів
- зберігає корисні стандартні стилі (наприклад, коректний
line-heightдля тексту) - покращує передбачуваність верстки
- виправляє дрібні баги у візуалізації елементів у різних браузерах (форми, заголовки, списки)
Чим відрізняється від Reset CSS
| reset.css | normalize.css |
|---|---|
| повністю прибирає стилі браузера | зберігає корисні стилі |
| починає все з «голого нуля» | робить акуратну уніфікацію |
| більш «жорсткий» підхід | більш «розумний» підхід |
Приклад ефекту
reset.css прибере всі відступи в заголовків і списків.
normalize.css, залишить відступи, але зробить їх однаковими в Chrome, Firefox, Safari тощо.
Коли надають перевагу normalize.css
- коли важливий більш природний зовнішній вигляд типово
- коли потрібен чистий і акуратний старт, а не повна «стерильність»
Підсумок: normalize.css, це м'яка альтернатива reset.css, яка не обнуляє, а нормалізує стилі, створюючи єдиний і передбачуваний базовий шар для подальшої верстки.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.