Adicionando estilos com CSS

Enviado por Andrei em qua, 08/05/2019 - 15:45

CSS é a linguagem usada para mudar o estilo da página e pode ser adicionado de três modos diferentes, através de um arquivo externo, no cabeçalho da página ou no elemento HTML.

Arquivo Externo

O estilo CSS pode ser salvo em um arquivo .css e adicionado a varias páginas sem precisar reescrever todo o código a cada página e gerenciar o estilo do site através de um arquivo ou adicionar estilos adicionais.

<head>
<link rel="stylesheet" type="text/css" href="mainstyle.css">
</head>

Estilo Interno

O estilo também pode ser definido no cabeçalho da página usando o elemento style para mudar a aparência de uma única página.

<head>
<style>
p {
  text-align: center;
  color: red;
}
</style>
</head>

Inline Style

Quando o estilo é definido no próprio elemento HTML através do atributo style. Pode ser usado para mudar o estilo de um elemento especifico.

<p style="color:blue; text-align:center;">Paragrafo azul.</p>
Tags