Normalize.css не работает Angular 4/5 - PullRequest
Новая
       8

Normalize.css не работает Angular 4/5

0 голосов
/ 19 мая 2018

Я новичок в angular и scss.Я хочу избавиться от встроенного стиля браузера, поэтому я установил normalize.css и добавил его в свой файл angular-cli.json.

 "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.min.css",
    "../node_modules/normalize.css/normalize.css",
    "assets/scss/main.scss"
  ],

У меня есть компонент и добавлен элемент <p>TEST</p>, и когда я проверяю его в своем браузере, элемент <p> имеет следующий стиль. 

p {
  margin: 0 0 10px;
}

Он имеетmargin-bottom из 10px.Я ожидаю, что это не должно иметь никакого запаса.Понятия не имею, что я здесь делаю не так?Нужно ли импортировать что-нибудь еще?

1 Ответ

0 голосов
/ 19 мая 2018

Нормализация CSS не сбрасывает значения по умолчанию до 0, но:

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

Возможно, у вас есть и эти значения из boostrap.

Если вы хотите сбросить все стили по умолчанию, вы можете использовать Сброс CSS.

Рекомендуется использовать инспектор кода (Chrome Developer Tools или Firebug) в браузере, чтобы проверить источник вашего стиля.

...