Стиль CSS Reset - это список правил, которые "сбрасывают" все стили браузера по умолчанию.
Этот стиль сброса CSS не является стандартным, хотя любой сброс CSS не является стандартным. Я следовал этому CSS-сбросу большую часть времени. Этот сброс имеет мой личный оттенок, поэтому он очень субъективен.
*, *::before, *::after { box-sizing: border-box; } * { margin: 0; padding: 0; font: inherit; } :focus-visible { outline-offset: 0; } ::-moz-selection { background-color: #b3d4fc; color: #000000; text-shadow: none; } ::selection { background-color: #b3d4fc; color: #000000; text-shadow: none; } html { font-size: 62.5%; scroll-behavior: smooth; } body { line-height: 1.5; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed; } html, body { height: 100%; } ul, ol { list-style: none; } a { color: inherit; text-decoration: none; } svg { display: inline-block; max-width: 100%; } img, picture, video, canvas { display: block; max-width: 100%; } button { cursor: pointer; border-radius: 0; border: none; background-color: transparent; } input, textarea, select { color: inherit; letter-spacing: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
Вот мой github репозиторий для таблицы стилей CSS reset. если вам нравится, дайте звезду и следуйте за ним.
Ресурсы
https://www.joshwcomeau.com/css/custom-css-reset/
https://piccalil.li/blog/a-modern-css-reset/
20.08.2023 18:21
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".
20.08.2023 17:46
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
19.08.2023 18:39
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.
19.08.2023 17:22
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!
18.08.2023 20:33
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.
14.08.2023 14:49
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.