Найти в Дзене
Javascript

Сравнение normalize.css и reset.css

Всем привет! Довольно давно хотел накатать краткий пост про эти две библиотечки но что-то как то забывал. Это даже наверное не сравнение а скорее то чем одна отличается от другой. И так о назначении этих библиотечек: reset.css - сбрасывает большую часть стилей которые заданы в браузере по умолчанию. Дефолтные стили вам больше не будут мешать, но если понадобятся то прописывать их вам нужно будет самостоятельно. normalize.css - тут наоборот, нормалайз фиксит некоторые стандартные браузерные стили а так же добавляет некоторые стили по умолчанию для улучшения кроссбраузерности. Вот собственно теперь вам будет проще решить какую использовать конкретно в вашем случае. Normalize.css — как следует из названия, он нормализует стили в браузерах для их пользовательских агентов, т.е. делает их одинаковыми во всех браузерах, потому что по умолчанию они немного отличаются. Пример: тег <h1> внутри <section> по умолчанию Google Chrome сделает меньше «ожидаемого» размера тега <h1>. С другой стороны,

Всем привет! Довольно давно хотел накатать краткий пост про эти две библиотечки но что-то как то забывал.

Это даже наверное не сравнение а скорее то чем одна отличается от другой.

И так о назначении этих библиотечек:

reset.css - сбрасывает большую часть стилей которые заданы в браузере по умолчанию. Дефолтные стили вам больше не будут мешать, но если понадобятся то прописывать их вам нужно будет самостоятельно.

normalize.css - тут наоборот, нормалайз фиксит некоторые стандартные браузерные стили а так же добавляет некоторые стили по умолчанию для улучшения кроссбраузерности.

Вот собственно теперь вам будет проще решить какую использовать конкретно в вашем случае.

Normalize.css — как следует из названия, он нормализует стили в браузерах для их пользовательских агентов, т.е. делает их одинаковыми во всех браузерах, потому что по умолчанию они немного отличаются.

Пример: тег <h1> внутри <section> по умолчанию Google Chrome сделает меньше «ожидаемого» размера тега <h1>. С другой стороны, Microsoft Edge создает «ожидаемый» размер тега <h1>. Normalize.css сделает его согласованным.

normalize.css— как следует из названия, сбрасывает все стили, т.е. он удаляет все стили пользовательского агента браузера.

Пример:

Советуем почитать эту статью для полного понимания: https://htmlacademy.ru/blog/useful/html/about-normalize-css

Javascript

#javascript #html #css #programming #coding #python #java #developer #programmer #webdeveloper