concepto
ccs
CSS son las siglas de “Cascading Style Sheets” (hojas de estilo en cascada). CSS es un lenguaje para la composición y estructuración de páginas web (HTML o XML). Este lenguaje contiene elementos de codificación y se compone de estas “Cascading Style Sheets” que también se llaman archivos CSS (. css).
tipos de selectores
• #id: Aplica estilos a un elemento con un identificador único. • .clase: Aplica estilos a todos los elementos con una clase específica. • :estado: Modifica el estilo de un elemento según su estado (ejemplo: :hover). • [atributo]: Selecciona elementos con un atributo específico. • *todos: Aplica estilos a todos los elementos del documento.
Regla ccs
ejemplo
body { background-color: rgb(255,0,0); } • body: Selector que indica que el estilo se aplicará a la etiqueta <body> del documento HTML. • {}: Contienen la declaración CSS. • background-color: Propiedad que define el color de fondo. • rgb(255,0,0): Valor de la propiedad, en este caso, color rojo.
Partes de las reglas ccs
Selector: Indica a qué elementos se aplicará la regla. • Propiedad: Especifica qué aspecto del elemento se modificará. • Valor: Define cómo cambiará la propiedad seleccionada.
'Tus contenidos gustan, pero solo enganchan si son interactivos' - Genially
daniela vergara
Created on March 25, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Practical Interactive Image
View
Akihabara Square Interactive Image
View
Akihabara Interactive Image
View
Essential Interactive Image
View
Interactive Team Image
View
Image with Audio
View
Image with interactive hotspots
Explore all templates
Transcript
concepto
ccs
CSS son las siglas de “Cascading Style Sheets” (hojas de estilo en cascada). CSS es un lenguaje para la composición y estructuración de páginas web (HTML o XML). Este lenguaje contiene elementos de codificación y se compone de estas “Cascading Style Sheets” que también se llaman archivos CSS (. css).
tipos de selectores
• #id: Aplica estilos a un elemento con un identificador único. • .clase: Aplica estilos a todos los elementos con una clase específica. • :estado: Modifica el estilo de un elemento según su estado (ejemplo: :hover). • [atributo]: Selecciona elementos con un atributo específico. • *todos: Aplica estilos a todos los elementos del documento.
Regla ccs
ejemplo
body { background-color: rgb(255,0,0); } • body: Selector que indica que el estilo se aplicará a la etiqueta <body> del documento HTML. • {}: Contienen la declaración CSS. • background-color: Propiedad que define el color de fondo. • rgb(255,0,0): Valor de la propiedad, en este caso, color rojo.
Partes de las reglas ccs
Selector: Indica a qué elementos se aplicará la regla. • Propiedad: Especifica qué aspecto del elemento se modificará. • Valor: Define cómo cambiará la propiedad seleccionada.