Temas de CSS

¿Qué es CSS?

CSS (Cascading Style Sheets) es un lenguaje de diseño gráfico para definir y crear la presentación de un documento escrito en HTML o XML. CSS permite separar el contenido de la presentación, facilitando el mantenimiento y la flexibilidad del diseño.

CSS se aplica a los elementos de una página web para controlar su apariencia, incluyendo aspectos como colores, fuentes, espaciado, disposición y adaptabilidad a diferentes dispositivos y tamaños de pantalla.

Estilos HTML

Los estilos en HTML se pueden aplicar de tres maneras:

• Estilos en línea: Se aplican directamente en el atributo style de un elemento HTML.
• Estilos internos: Se colocan dentro de la etiqueta <style> en el encabezado del documento HTML.
• Estilos externos: Se definen en archivos CSS separados y se enlazan al documento HTML con la etiqueta <link>.

Los estilos externos son la mejor práctica, ya que permiten una mayor organización y reutilización del código CSS.

CSS Tipos de Selectores

CSS proporciona varios tipos de selectores para apuntar a los elementos HTML:

• Selector de elementos: Selecciona todos los elementos de un tipo específico. Ejemplo: p {}
• Selector de clases: Selecciona elementos con una clase específica. Ejemplo: .miClase {}
• Selector de ID: Selecciona un elemento con un ID específico. Ejemplo: #miID {}
• Selector de atributos: Selecciona elementos basados en un atributo o valor de atributo. Ejemplo: input[type="text"] {}
• Selector de pseudoclases: Selecciona elementos en un estado específico. Ejemplo: a:hover {}
• Selector de pseudoelementos: Selecciona y estiliza partes de un elemento. Ejemplo: p::first-line {}

Vídeos de YouTube

Aquí tienes algunos vídeos recomendados para aprender más sobre CSS:

Anatomía de una Regla CSS

Una regla CSS se compone de un selector y un bloque de declaraciones:

selector {
    propiedad: valor;
    propiedad: valor;
}
        

El selector indica qué elementos se estilizarán. El bloque de declaraciones contiene una o más declaraciones, cada una formada por una propiedad y un valor separados por dos puntos. Cada declaración se termina con un punto y coma.