CSS tiene una sintaxis muy simple:
selector {propiedad:valor; propiedad:valor; ...}
El selector indica a qué etiqueta HTML van a aplicarse las declaraciones (propiedad:valor;).
Ejemplo:
p {
color:brown;
font-size:12px;
}
h2 {
font-size:120%;
background-color:lightblue;
color:darkgray;
border:2px solid black;
}
hr {
}
El CSS se puede incluir de tres formas distintas:
- En un archivo css independiente.
- En la cabecera de un documento HTML.
- En la misma etiqueta HTML usando el atributo style.
Blogger no nos da acceso a la cabecera del documento y la hoja de estilos externa se controla con los temas, ya hemos visto como personalizarlos. En la opción avanzada de personalización del tema se puede añadir CSS, pero es una opción que no veremos a no ser que a alguien le haga falta.
Ejemplos
En el encabezado anterior hemos añadido el siguiente código:style="border: 2px solid blue; color: green; text-align: center;"
quedando:
<h2 style="border: 2px solid blue; color: green; text-align: center;">
- border, borde
- color, color del texto
- text-align, alineación del texto
Subencabezado
En el encabezado anterior hemos añadido el siguiente código:<h3 style="background-color: lightgrey; border: 1px solid brown; color: brown; text-align: left;">
- background-color, color de fondo
sin estilo
style="border: 1px solid purple; width: 90%;"
style="border: 3px dotted green; width: 25%;"