Skip to content

Un par de consejos CSS

Hoy recojo un par de consejillos, chorraditas de cuando estaba diseñando este blog y que pueden serle útiles a alguien.

Para empezar, comentar que el validador del W3C tiene un pequeño bug. Esta propiedad no valida, aunque es correcta:

border: 1px solid transparent;

En su lugar, hay que poner esto otro, cuyo efecto es el mismo, pero valida correctamente:

border: 1px solid;
border-color: transparent;

Por otro lado, para hacer una sangría de la primera línea en un texto, lo primero que se nos viene a la cabeza es aprovechar la pseudoclase :first-line, pero con ella, al igual que con :first-letter, sólo podemos aplicar cambios de fuente, color, tamaño y otros por el estilo. No se le puede hacer un padding. Por tanto, lo correcto es usar la propiedad ya diseñada a tal menester:

text-indent: 1%;