Close

23 мая, 2021

Используйте Reseter.css вместо Normalize и Reset.css, чтобы улучшить кроссбраузерность

Reseter.css имеет настраиваемую поддержку браузера, которая по умолчанию присутствует во всех браузерах. Он также содержит современные методы CSS.

Особенности Reseter.css

Reseter.css объединяет все стили вашего браузера по умолчанию, переопределяя готовые стили. Это большая разница, когда normalize пытается сохранить, а Reseter.css переопределяет для большей поддержки. Нормализация работает с учетом браузеров при ее создании. Reseter.css поддерживает все браузеры и он улучшает кросс-браузерность.

Исправленные ошибки и несоответствия браузера.

Перезагружает различные стили элементов.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Доступны в Sass, Scss, Less, Stylus, стилизованные компоненты (js, mjs, ts).

Размер файла — 2,59 КБ.

Включает нормализацию всех элементов

box-sizing: border-box; set;

Проверено во всех браузерах с помощью BrowserStack

Используйте Reseter.css вместо Normalize и Reset.css, чтобы  улучшить кроссбраузерность

Используйте Reseter.css вместо Normalize и Reset.css, чтобы  улучшить кроссбраузерность

Внизу — результат того же HTML-файла в 3-х браузерах. Все заголовки в Chrome красиво выделены жирным шрифтом. В Firefox они также выделены жирным шрифтом, но в IE слишком жирным. Шрифт в абзацах также выделен жирным шрифтом в IE. Граница кнопки синего цвета в IE. В Firefox более тонкая рамка на кнопках. Ниже всего три браузера и 5 HTML-тегов. Публично доступно более 100 браузеров. Там тоже много тегов. Никто не знает, сколько из них не публичные. Доступны тысячи версий этих сотен браузеров. Как работать нам с этими браузерами? Ответ — Reseter.css.

Используйте Reseter.css вместо Normalize и Reset.css, чтобы  улучшить кроссбраузерность

<link rel=»stylesheet» href=»https://cdn.jsdelivr.net/gh/krishdevdb/reseter.css/css/reseter.min.css>

1 <link rel=»stylesheet» href=»https://cdn.jsdelivr.net/gh/krishdevdb/reseter.css/css/reseter.min.css>

Также доступны Unpkg, CDNJS, Github и многие другие CDN. Проверьте репозиторий GitHub. Файлы также можно загружать и использовать, а также доступны менеджеры пакетов, такие как NPM, Yarn, PNPM и Bower.

JavaScript
# NPM
npm install reseter.css
# YARN
yarn add reseter.css
# PNPM
pnpm install reseter.css
# Bower
bower install krishdevdb/reseter.css

12345678 # NPMnpm install reseter.css# YARNyarn add reseter.css# PNPMpnpm install reseter.css# Bowerbower install krishdevdb/reseter.css

Автор: Krish Dev DB

Источник: webformyself.com

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика
Открыть чат
Если есть вопросы пишите нам
Здравствуйте.
Чем вам помочь?