Normalize.css не работает Angular 4/5
Я новичок в 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
Нормализация CSS не сбрасывает значения по умолчанию на 0, но:
Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
Вероятно, у вас тоже есть эти значения от boostrap.
Если вы хотите сбросить все стили по умолчанию, вы можете использовать Сбросить CSS.
Рекомендуется использовать инспектор кода (Инструменты разработчика Chrome или Firebug) в браузере, чтобы проверить источник вашего стиля.