Selectores CSS

En CSS, los selectores son patrones que se utilizan para seleccionar los elementos que desea diseñar.

Selectores Selectores modal
Selectores HTML
Selectores modal

Jerarquia CSS

CSS en línea (CSS aplicado directamente en la etiqueta)
CSS interno (CSS aplicado entre etiquetas style en la misma página).
CSS externo (CSS aplicado externamente (desde la ruta del archivo u otro sitio web) con la etiqueta link).
Id
Class
Etiqueta

Box Model
div modal

Etiqueta DIV

El elemento de HTML div es el contenedor genérico para el contenido. No tiene efecto en el contenido o en el diseño hasta que se le aplica un estilo de alguna manera usando CSS

Box Model
div modal

Modelo de Caja

El modelo de caja comprende algunas propiedades que definen como se verá tu sitio: box-sizing, border, padding y margin. Estas propiedades finalmente afectan como tu contenido será desplegado.

Box Model
box modal Box Model
Box Model

Display FLex

El módulo de diseño de caja flexible facilita el diseño de una estructura de diseño flexible y responsiva sin utilizar flotación ni posicionamiento.

Para comenzar a utilizar el modelo Flexbox, primero debemos definir un contenedor flexible.

Box Model

Display Grid

El módulo de diseño de cuadrícula CSS ofrece un sistema de diseño basado en cuadrícula, con filas y columnas, lo que facilita el diseño de páginas web sin tener que utilizar flotantes y posicionamiento.

grid box
grid Box

Conclusión

CSS es fundamental para crear páginas atractivas y bien diseñadas. Aprende a usarlo junto con HTML para llevar tus proyectos al siguiente nivel.

¡Experimenta con colores, fuentes y estilos para personalizar tu diseño!