CSS: Сброс браузерных стилей
Сброс браузерных стилей — это процесс удаления стилей, заданных браузером по умолчанию для различных элементов HTML. Это может помочь обеспечить более предсказуемую и консистентную визуальную обработку для элементов в разных браузерах.
Существуют различные способы сброса браузерных стилей, один из самых популярных — использование нормализатора CSS, такого как "Normalize.css" или "Reset CSS". Ниже приведен пример использования "Normalize.css":
- Скачайте файл "normalize.css" с официального сайта: https://necolas.github.io/normalize.css/
- Подключите файл к вашей HTML-странице с помощью тега <link> в секции <head>:
<head> <link rel="stylesheet" type="text/css" href="normalize.css"> </head>
Ниже версия normalize.css (v8.0.1) без комментариев и минимизированная:
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr [title ]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button, [type= "button " ], [type= "reset " ], [type= "submit " ]{-webkit-appearance:button}button::-moz-focus-inner, [type= "button " ]::-moz-focus-inner, [type= "reset " ]::-moz-focus-inner, [type= "submit " ]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring, [type= "button " ]:-moz-focusring, [type= "reset " ]:-moz-focusring, [type= "submit " ]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto} [type= "checkbox " ], [type= "radio " ]{box-sizing:border-box;padding:0} [type= "number " ]::-webkit-inner-spin-button, [type= "number " ]::-webkit-outer-spin-button{height:auto} [type= "search " ]{-webkit-appearance:textfield;outline-offset:-2px} [type= "search " ]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none} [hidden ]{display:none}
Оценить код:
Код был обновлён. Предыдущий рейтинг:
- Бесполезный код - 0 голосов
- Костыль - 0 голосов
- Полезный код - 2 голоса
Комментарии