1. Hoja de estilo del agente de usuario: Estos son los estilos predeterminados que aplica el navegador del usuario. Suelen ser muy básicos y proporcionan una representación coherente del contenido en diferentes navegadores.
2. Hoja de estilo del autor: Estos son los estilos definidos por el autor del sitio web. Por lo general, se encuentran en un archivo CSS vinculado al documento HTML. Las hojas de estilo del autor anulan las hojas de estilo del agente de usuario.
3. Estilos en línea: Son estilos que se aplican directamente a un elemento HTML. Por lo general, se utilizan para anular las hojas de estilo del autor de elementos específicos. Los estilos en línea tienen la máxima prioridad y anularán tanto las hojas de estilo del agente de usuario como las hojas de estilo del autor.
El orden en cascada de CSS está determinado por las siguientes reglas:
1. Especificidad: Cuanto más específico sea un selector, mayor será su prioridad. Por ejemplo, un selector que apunta a un elemento específico por su ID tendrá mayor prioridad que un selector que apunta a todos los elementos del mismo tipo.
2. Posición en el documento CSS: El orden en que aparecen las reglas en el documento CSS también afecta su precedencia. Las reglas que aparecen más adelante en el documento anularán las reglas que aparecen antes.
3. Importancia: La declaración "!importante" se puede utilizar para dar a una regla mayor prioridad que otras reglas. Las reglas marcadas como importantes siempre anularán las que no lo son.
Al comprender los tipos de CSS y cómo se determina el orden en cascada, puede crear hojas de estilo de sitios web que sean consistentes y visualmente atractivas.