1

Boa tarde, estou iniciando com Angular 2 e estou tendo um problema para retirar a margens do body de 8px, já tentei incluir na tag body do css margin:0, porem não deu em nada.

Poderiam me ajudar?

Aqui está a tag body que está no meu app component css

body,html {  
    margin: 0;
    font-family: "Montserrat Light";
    font-size: 16px;
    height: 100%;
    }

E aqui o app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

}

1
  • 1
    Os códigos que você postou não estão funcionando, você poderia revisar? 13/03/2017 às 15:17

3 Respostas 3

1

Para resetar os estilos de cada browser, é considerado uma boa prática usar o nomalize.css, https://necolas.github.io/normalize.css . Uma outra abordagem seria adicionar !important a propriedade desejada, mas isso é considerada uma má pratica para o CSS.

2
  • 1
    Concordo com @matheuscla, é preferível usar uma folha de css para normalizar os seus estilos do que a regra !important. Aliás eu desaconselho o seu uso, especialmente no desenvolvimento de algo feito do zero.
    – lazyFox
    13/03/2017 às 17:18
  • @mateus Adiciono diretamente no index.hmtl ou faço por npm? 13/03/2017 às 19:05
0

Após instalar o normalize.css digitando:

npm install normalize.css

Não se esqueça de referenciar o arquivo no seu projeto. No caso de um projeto angular você pode incluir a referência no arquivo styles.css, dependendo da localização seria algo do tipo:

@import 'node_modules/normalize.css/normalize.css' 
0

Acabei instalando o Bootstrap através do Angular/cli, segui o seguinte tutorial: Link da configuração

Depois adicionei o Bootstrap no index.html:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Funcionou perfeitamente bem! ;)

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .