Modulo 3 CSS
Studied by 0 people
Learn
Practice Test
Spaced Repetition
Match
Flashcards1/30
There's no tags or description
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced |
|---|
No study sessions yet.
31 Terms
¿Qué es class en HTML?
es un atributo para identificar elementos que pertenecen a una misma clase y pueden ser modificados con CSS o manipulados con JavaScript.
¿Qué es id en HTML?
es un identificador único para una etiqueta HTML, útil para aplicar estilos o manipulaciones específicas con CSS o JavaScript.
¿Qué es CSS?
CSS (Cascading Style Sheets) es un lenguaje para modificar el estilo de presentación de los elementos HTML.
Sintaxis básica de CSS
SELECTOR { propiedad: valor; }
Formas de incluir CSS
Externa: usando <link> en el <head>
Interna: usando <style> en el <head>
En línea: usando el atributo style="..."
Jerarquía en CSS
El navegador aplica el estilo más específico. Orden de menor a mayor especificidad: selector de etiqueta < clase < id < en línea.
Comentarios en CSS
Se escriben usando /* comentario */
¿Qué es un selector en CSS?
Es un identificador que apunta a elementos HTML para aplicarles estilos.
Tipos de selectores en CSS
Selector de etiqueta: afecta a todas las etiquetas del mismo tipo.
Selector de clase (.clase): afecta a todos los elementos con esa clase.
Selector de ID (#id): afecta solo al elemento con ese ID.
Modificadores de color
Se puede modificar el color del texto, color de fondo y color del borde.
Propiedades de fondo en CSS
Incluyen color, imagen, repetición horizontal o vertical y gradientes.
Propiedades de borde en CSS
border-style
border-width
border-color
Se puede aplicar por lados: top, right, bottom, left
¿Qué es outline en CSS?
Es un marco que rodea un elemento por fuera del borde. Requiere declarar outline-style para que se muestre.
Propiedades del texto en CSS
color
text-align
text-decoration
font-family
font-style
font-weight
Tipos de fuentes en CSS
Serif: con terminaciones (ej. Times New Roman)
Sans-serif: sin terminaciones (ej. Arial)
Monospace: ancho fijo (ej. Courier)
Modificación de tablas con CSS
Se pueden usar estilos para bordes, padding, alineación y combinar bordes con border-collapse.
Estados de enlaces en CSS
a:link: enlace normal
a:visited: enlace visitado
a:hover: al pasar el cursor
a:active: al hacer clic
Listas con CSS
- Se puede modificar el tipo de viñeta, imagen como viñeta, posición y color de fondo.
Propiedad display
Cambia cómo se muestra un elemento. Ejemplos:
none: elimina el elemento
block: bloque
inline: en línea
table: como tabla
Propiedad visibility
visible
hidden
collapse (para tablas)
initial
inherit
Tipos de posición en CSS
static
relative
fixed
absolute
¿Qué hace float en CSS?
Permite que un elemento flote a la izquierda o derecha del contenedor.
Valores de float
left
right
none
inherit
¿Qué hace clear en CSS?
Controla de qué lado no deben flotar otros elementos.
Valores de clear
left
right
both
none
inherit
¿Qué hace overflow: auto?
Obliga al contenedor a ajustarse al contenido flotante.
¿En qué consiste el modelo de caja?
Todo elemento HTML se comporta como una caja compuesta por:
margin: espacio exterior
border: borde
padding: espacio interno
content: contenido
Propiedades abreviadas del modelo de caja
margin
padding
¿Qué es Flexbox?
Sistema unidimensional para ubicar elementos en una sola dirección: fila o columna.
¿Qué es CSS Grid?
Sistema bidimensional que permite distribuir elementos en filas y columnas.
¿Cómo inspeccionar cajas en navegador?
Usar F12 o clic derecho > Inspeccionar para ver el modelo de caja.
Note 
Flashcards (77)