Dale estilo y diseño a tus páginas web
HTML describe qué es cada cosa. CSS describe cómo se ve.
Cómo elegir exactamente a qué elementos les aplica una regla: por etiqueta, por clase o por id.
Completa las lecciones anteriores para desbloquear
Qué pasa cuando dos reglas le dicen cosas distintas al mismo elemento — y por qué algunos estilos pasan de un elemento a sus hijos sin que nadie lo pida.
Las distintas formas de escribir un color en CSS, y cuándo conviene cada una.
px, %, rem — con qué medís tamaños en CSS, y por qué la unidad que elegís importa.
Las propiedades que controlan cómo se ve el texto: fuente, tamaño, peso, alineación.
Todo elemento HTML es, para CSS, una caja rectangular hecha de contenido, relleno, borde y margen.
La propiedad que decide si un elemento empieza en una línea nueva, si se puede poner al lado de otros, o si directamente no se ve.
Cómo sacar un elemento del lugar donde caería normalmente, y en relación a qué queda ubicado.
La herramienta que realmente se usa para acomodar y distribuir elementos en una fila o columna — la mayoría de los layouts reales se resuelven con esto.
Cómo hacer que la misma página se vea bien tanto en una pantalla grande de computadora como en el celular.
Cómo una lista
Flexbox acomoda en una sola dirección. Grid permite pensar en filas y columnas al mismo tiempo — útil para algunos casos puntuales.
Tres decisiones de CSS que definen si tu sitio se puede usar cómodo, o directamente no se puede usar, para una parte real de tus visitantes.
Todo navegador trae, integrado y gratis, un inspector que muestra exactamente qué CSS se le está aplicando a cada elemento — la forma más rápida de entender por qué algo no se ve como esperabas.
Todo lo que viste en esta unidad, combinado en un solo ejercicio — y después, aplicado al sitio real que construiste en HTML.
Cargando...
Ha ocurrido un error. Por favor, intenta de nuevo.