¿Qué es CSS?
Parte de la sección Styling with CSS del Journey de HTML de Coddy — lección 1 de 76.
CSS es un lenguaje potente y esencial para dar estilo a las páginas web, permitiéndote crear sitios web visualmente atractivos y bien diseñados con facilidad.
Trabaja mano a mano con HTML para dar vida a tu contenido, transformando texto plano y elementos en diseños hermosos y atractivos.
Con CSS, tienes la capacidad de controlar la apariencia de cada aspecto de tu sitio web, desde los colores y las fuentes hasta el espaciado y el posicionamiento.
Desafío
FácilPresiona el botón de ejecutar código para ejecutar tu primer código en CSS.
Bonus: ¡intenta cambiar el color del párrafo! ¿Puedes descubrir cómo hacerlo?
Hoja de referencia
CSS (Cascading Style Sheets) se utiliza para dar estilo y diseñar páginas web. Funciona con HTML para controlar la apariencia visual de los elementos del sitio web, incluyendo colores, fuentes, espaciado y posicionamiento.
Pruébalo tú mismo
<html>
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>Hello CSS!</p>
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Styling with CSS
4Fundamentos del texto
Color de textoFamilia de fuentesTamaño de fuenteGrosor de fuenteAlineación de textoDecoración de textoDesafío de repaso #1Desafío de repaso #27Modelo de caja - Parte 1
¿Qué es el modelo de caja?PaddingMárgenesBordesAncho y altoDesafío de repaso
3Selectores básicos
Introducción a los selectoresSelector de tipoSelector de claseSelector de IDSelectores de grupoSelector universalDesafío de selección9Flex Box
¿Qué es Flex Box?Flex DirectionJustify ContentAlign ItemsEl centrado perfectoDesafío de Flex Box12Fundamentos de Diseño Responsivo
¿Qué es el Diseño Responsivo?Etiqueta Meta ViewportDiseños FluidosUnidades de ViewportFundamentos de Media QueriesImágenes Flexibles