Web.CSS.Pseudo Elementos.

Exiten formas de darle efectos a partes de los elementos de un página web, que con las herramientas que se ha aprendido hasta ahora no podría hacerse:

Modificar la primera línea.

Establece un estilo determinado a la primera linea de texto de un elemento. Un ejemplo:

p:first-line { text-transform: uppercase; }

Modificar la primera letra.

Establece un estilo de determinado a la primera letra de la primera línea de un texto. Un ejemplo:

p:first-letter { text-transform: uppercase; }

Añadir antes y después.

Establece un estilo determinado antes y despues del contenido original de un elemento. Un ejemplo:

h1:before { content: "Capítulo - "; }
p:after   { content: "."; }

En este ejemplo se añade detrás del encabezado de tipo 1 el texto que se especifica en la propiedad content y lo mismo ocurre con los párrafos, es decir, se añade después un punto.

Continúa por ¿Qué elementos se modifica?.