Cambiar o aspecto dunha etiqueta HTML

Normalmente os selectores son etiquetas HTML (p.e. h1, body ...). Se utiliza como selector o nome dunha etiqueta HTML a definición de estilos aplicarase automáticamente a esa etiqueta.

selectorHTML {
  propiedade1:valor1;
  ...
  propiedadeN:valorN;
}

Exemplo de regra de estilo:

h1 {
  color: red;
  font-size:x-large;
}

Exemplo de código HTML:

<h1>Así se vería a cabeceira H1</h1>

Visualización:

Así se vería a cabeceira H1

Tamén pode asignar propiedades de forma conxunta a varios selectores.

selector1, Selector2, {
  propiedad1:valor1;
  propiedad2:valor2
}

Exemplo de regra de estilo:

p, h1 {
  color:white;
  background-color:blue;
}

Exemplo de código HTML:

<h1>Así se vería a cabeceira H1</h1>
<p>Así se vería un parágrafo</p>

Visualización:

Así se vería a cabeceira H1

Así se vería un parágrafo

Anterior Seguinte