Bienvenido al foro.
Cita:
Iniciado por josancardenasm 
*: creo que es un tipo de elemento pero no l oidentifico, ¿Puede ser todos los elementos?
* es un selector, que selecciona todo. Así como lo tienes selecciona cualquier elemento en el documento. Si pones
div * selecciona cualquier elemento dentro de una división, o si pones
div > * selecciona cualquier hijo de una división.
Cita:
Iniciado por josancardenasm :after y ::before: ¿puede ser que esté indicando antes y despúes de ese elemento?
Son pseudo-elementos. Los elementos con contenido pueden tener dos pseudo-elementos. Una imagen o un formulario no son elementos con contenido. Suelen ser muy útiles para añadir cosas que
no sean contenido a los elementos.
Cita:
Iniciado por josancardenasm box sizing: está definiendo una caja antes y otra despues?
box-sizing es un atributo con el que puedes cambiar el modelo de caja de CSS, cosa muy útil para ahorrarte quebraderos de cabeza al hacer cálculos extraños.
Intenta usar la opción
highlight cuando publiques código.
