Selectores y modelo de caja
Practica cómo apuntar elementos y controlar su tamaño real. Intenta resolver cada ejercicio en el editor antes de revelar la solución.
Crea un selector por clase '.aviso' que ponga fondo amarillo claro.
Ver solución sugerida
Crea un selector por id '#logo' que le dé tamaño de fuente 24px.
Ver solución sugerida
Usa un selector descendiente para que todos los <a> dentro de <nav> sean blancos.
Ver solución sugerida
Aplica box-sizing: border-box a todos los elementos con el selector universal.
Ver solución sugerida
Dale a una caja width 200px, padding 20px y observa su ancho total sin border-box.
Ver solución sugerida
Usa margin para separar dos cajas 20px una de otra.
Ver solución sugerida
Usa un selector de atributo para estilizar inputs de tipo email.
Ver solución sugerida
Centra una caja horizontalmente usando margin: 0 auto y un width fijo.
Ver solución sugerida
Usa el selector hijo directo (>) para estilizar solo los li de primer nivel.
Ver solución sugerida
Crea 2 cajas con distinto padding y border, y compara su tamaño final con border-box activado.