Contenido principal
Curso: Programación de computadoras > Unidad 2
Lección 2: Introducción a CSS- CSS básico
- Consejo rápido: seleccionar por nombre de etiqueta
- Desafío: criatura colorida
- CSS: seleccionar por id
- Desafío: ids estacionales
- CSS: seleccionar por clase
- Desafío: clases de manzanas y plátanos
- Usar selectores sencillos de CSS
- Proyecto: página web de viajes
© 2024 Khan AcademyTérminos de usoPolítica de privacidadAviso de cookies
Consejo rápido: seleccionar por nombre de etiqueta
Como acabas de aprender, utilizamos reglas de CSS para seleccionar elementos de una página web y poder asignarle estilos a esos elementos.
La manera de decirle a nuestra regla de CSS a cuáles elementos de HTML se aplica el estilo es con selectores. Hay muchos tipos de selectores (que veremos más adelante), pero aquí solo queremos revisar el que mostramos en la guía paso a paso: el selector de elemento.
El selector de elemento selecciona elementos de HTML de acuerdo a los nombres de etiquetas. Cada elemento de HTML (
<h1>
, <p>
, <li>
, <body>
) y cualquier otro elemento de HTML puede seleccionarse en CSS al usar el nombre de etiqueta sin los paréntesis angulares (<
y >
). Por ejemplo, puedes seleccionar todas las etiquetas <p>
en tu página web con el selector de elemento p
. Aquí está una regla de CSS que cambia el color de cada párrafo de una página web:p {
color: rgb(255, 0, 0);
}
Revisemos si eso tiene sentido. ¿Cuál de estas reglas selecciona todos los elementos
<h2>
en una página?En el siguiente desafio vas a intentar usar selectores de elemento con diferentes nombres de etiquetas. Como estás experimentando, pon atención al efecto que tienen tus reglas CSS en la página: cuáles elementos cambian de color y cuáles no.
¿Quieres unirte a la conversación?
- a alguien le pasa que en los desafíos no los deja avanzar, me pide seleccionar una imagen del selector lo hago pero me sigue poniendo lo mismo(28 votos)
- usa esto, lo saque de un apartado de documentación de khan academy:
<img src="https://www.kasandbox.org/programming-images/creatures/Hopper-Jumping.png" alt="A jumping Beaver" >(25 votos)
- quien aprendiendo en esta Sesentena en argentina jajajj(14 votos)
- Aca o/
Oye si tienes dudas en algo me avisas, puedo ser de ayuda n_n(6 votos)
- como se pone el selector de imagen(4 votos)
- Se usa <img (la URL) alt (lo que es) y weith (para el tamaño)>(4 votos)
- Nunca me deja poner una imagen por derechos de autor(4 votos)
- si uso rgb es nesesario poner despues el nombre del color?(3 votos)
- ESTA UN POCO TRANCA EN ESTE LUGAR ¡como puede ser esto mas facil?(1 voto)
- cuando selecciono in link no me aparece la imagen
ya intente varios link(1 voto) - No tengo preguntas. gracias(1 voto)
- ya seleccione pero no pasa nada solo me marca una palomita(1 voto)
- Se le puede dar sombreado a un titulo?(1 voto)