Herramientas de usuario

Herramientas del sitio


clase:daw:diw:1eval:tema02

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
Próxima revisión
Revisión previa
Próxima revisión Ambos lados, revisión siguiente
clase:daw:diw:1eval:tema02 [2022/10/19 11:35]
admin [Ejercicios]
clase:daw:diw:1eval:tema02 [2023/09/25 08:47]
admin [Ejercicios]
Línea 190: Línea 190:
  
 Como arquitectura CSS vamos a seguir durante todo el curso una llamada [[http://getbem.com/|BEM]]. Como arquitectura CSS vamos a seguir durante todo el curso una llamada [[http://getbem.com/|BEM]].
 +
 +
 +{{:clase:daw:diw:1eval:arquitectura_css.jpg?700|}}
 +[[https://platzi.com/tutoriales/1640-frontend-developer-2019/9913-oocss-bem-smacss-itcss-y-atomic-design/|OOCSS, BEM, SMACSS, ITCSS y Atomic Design]]
  
  
Línea 350: Línea 354:
   * g--margin-4    * g--margin-4 
   * g--margin-bottom-6   * g--margin-bottom-6
 +
 +{{:clase:daw:diw:1eval:globales.jpg|}}
 +
  
 ---- ----
Línea 734: Línea 741:
   * Márgenes globales.   * Márgenes globales.
   * Que todo se organice según la estructura de ficheros de SASS   * Que todo se organice según la estructura de ficheros de SASS
 +
 +
 +==== Ejercicio 13 ====
 +Crea los siguientes Badgets.
 +
 +{{:clase:daw:diw:1eval:badgets.png|}}
 +
 +==== Ejercicio 14 ====
 +Modifica los bagets del ejercicio anterior pero añadiendo a la derecha un circulo que tendrá un número.
 +
 +{{:clase:daw:diw:1eval:badgets_numered.png|}}
 +
 +
  
  
  
  
clase/daw/diw/1eval/tema02.txt · Última modificación: 2024/05/17 18:43 por admin