No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

ITCSS

16/19
Recursos

Aportes 1

Preguntas 0

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Arquitectura ITCSS ūüõĖ

I:InvertedT:TrianguleCSS

ITCSS es una colección de pribcioios y metricas.

La idea es visualizar el css como un tri√°ngulo invertido en capas
.

Principios Basicos

  1. Sin ID, en css
  2. Patrón component UI
  3. Arquitectura basada en clases

Metricas

  1. De estilos genericos a estilos específicos
  2. De baja especificidad a alta especficidad
  3. De largo alcance a localizado

Triangulo

Magnitud

Especificidad Claridad
.

Magnitud: Alcance e impacto en cantidad de elementos

Especificidad: Fuerza del selector y sus propiedades

Claridad: Menor abstracción en la semántica e impacto del selector
.

Beneficios

  • Estilos globales se comparten de manera m√°s eficaz y eficiente
  • Disminuci√≥n de batallas por especificidad
  • Menos redudancia

Capas

  • Settings
    • Variables globales
  • Tools (Solo en caso de que se usen preprocesadores)
    • Funciones globales y mixins
  • Generic
    • CSS comun
  • Elements
    • Estilos de Selectores de elementos
  • Objects
    • Selectores basados en clases para objetos o contenedores
  • Components
    • Estilos para cada componente
  • Trumps
    • Estilos de utilidad y ayuda
    • En este caso podemos usar !important ūü¶†