> For the complete documentation index, see [llms.txt](https://appsecurity.gitbook.io/devops/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://appsecurity.gitbook.io/devops/ppc/ppc-langs/frontend/css/brauzernye-stili.md).

# Браузерные стили

Каждый браузер может по своему отрисовывать обычные элементы (например, h1-h6). Это проблема, так как сайт может выглядеть по-разному в разных браузерах. Тут есть три решения:

1. Самостоятельно сбрасывать или переопределять нужные свойства (это часть методологии БЭМ)
2. Использовать [reset.css](https://meyerweb.com/eric/tools/css/reset/) для сброса всех свойств.
3. Использовать [normalize.css](https://necolas.github.io/normalize.css/) для привидения всех свойств к одному виду в разных браузерах

## Normalize

```
npm install normalize.css
```

Добавляем в глобальные стили:

```css
/* styles/globals.css */
@import 'normalize.css';
```

Подключаем глобальные стили в наше приложение:

```typescript
import "./globals.css";

...
```