# ITCSS ITCSS significa Triángulo Invertido CSS. Ayuda a organizar los archivos CSS de un proyecto de tal manera que se pueda manejar mejor los detalles específicos de CSS, como el espacio de nombres global, la cascada y la especificidad de los selectores. La idea principal de ITCSS es que separa su base de código CSS en varias secciones (llamadas capas), que se pueden representar como secciones de un triángulo invertido: ![](https://i.imgur.com/kp75Vnb.png) Esas capas son: - **Configuraciones**: se usa con preprocesadores. Contiene fuentes, definiciones de colores, etc. - **Herramientas**: funciones y mixins utilizados globalmente. Es importante no generar ningún CSS en las primeras 2 capas. - **Genérico**: restablecer y/o normalizar estilos, definición de tamaño de caja, etc. Esta es la primera capa que genera CSS real. - **Elementos**: estilo para elementos HTML desnudos (como H1, A, etc.). Estos vienen con un estilo predeterminado del navegador para que podamos redefinirlos aquí. - **Objetos**: selectores basados en clases que definen patrones de diseño no decorados, por ejemplo, el objeto multimedia conocido de OOCSS - **Componentes**: componentes específicos de la interfaz de usuario. Aquí es donde se lleva a cabo la mayor parte de nuestro trabajo. A menudo componemos componentes de interfaz de usuario de objetos y componentes - **Utilidades**: utilidades y clases auxiliares con la capacidad de anular todo lo que sucede antes en el triángulo, por ejemplo, ocultar la clase auxiliar.