Hace poco tuve que aprender a modificar el estilo de un sitio web con CSS añadido. En este artículo comparto alguna información que me fue útil para esta tarea, la cual iré ampliando conforme la vaya descubriendo y usando.

Identificadores

Identificadores Descripción
a:link Todos los links
a:hover Todos los links cuando se pasa el puntero de ratón encima (mouse over)

Modificadores

Se incluyen entre corchetes {} después del identificador y se coloca punto y coma (;) después de cada modificador. Cuando es CSS personalizado se suele agregar la etiqueta «!important» para indicarle al código que cumpla esta indicación de estilo por encima de otras indicaciones originales. Ejem.: a:hover {color:#a0d8d9 !important; background-color:#0000000D !important;}

Identificadores Descripción Como se usa
color Color de texto Se especifica el color. Ejem.: #999999
background-color Color de fondo Se especifica el color. Ejem.: #999999
border-radius Redondear esquinas Se especifican los pixeles de redondeo. Ejem.: 5px
margin Márgenes externos Se especifican los pixeles de margen externo. Ejem.: 5px
padding Márgenes internos Se especifican los pixeles de margen interno. Ejem.: 5px
padding-bottom Margen interno inferior Se especifican los pixeles de margen interno inferior. Ejem.: 5px
padding-left Margen interno izquierdo Se especifican los pixeles de margen interno izquierdo. Ejem.: 5px
padding-right Margen interno derecho Se especifican los pixeles de margen interno derecho. Ejem.: 5px
padding-top Margen interno superior Se especifican los pixeles de margen interno superior. Ejem.: 5px
text-decoration Decoración de texto Se especifica un valor predefinido. Ejem.: none, underline, overline, line through, underline overline, underline line-through

Valores hexadecimales para transparencia

Se agrega al final del código hexadecimal de color. Ejem.: #FFFFFF80 correspondería al blanco con 50% de transparencia.

Porcentaje de opacidad Valor hexadecimal
100% (visible) FF
95% F2
90% E6
85% D9
80% CC
75% BF
70% B3
65% A6
60% 99
55% 8C
50% 80
45% 73
40% 66
35% 59
30% 4D
25% 40
20% 33
15% 26
10% 1A
5% 0D
0% (invisible) 00