1
resposta

Posição dos arquivos externos de css

Olá, gente! Podemos iniciar sempre colocando o arquivo reset.css primeiro e depois ir colocando outros arquivos? Ex.:

    <head>
        <meta charset="UTF-8">
        <title>Contato - Barbearia Alura</title>
        <link rel="stylesheet" href="./reset.css">
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="contato.css">
    </head>

Isso seria uma boa prática ou não?

1 resposta

Olá Rickelmy.

Pode ser, só atenção com a ordem se você vai definir as mesmas classes ou propriedades de elementos em mais de um arquivo. O CSS aplicado será sempre a última definição.

Exemplo:

  • no reset.css definiu p{ margin: 0; padding: 0;}
  • no styles.css definiu p{ margin: 10px 0 0 0; }

O CSS aplicado será o último. No caso seria sobrescrita a propriedade de margin para a tag p

Abraço.