Please enable JavaScript to use CodeHS

Diseño web (Picasso) [2022]

Description

En esta lección, los estudiantes comenzarán a usar CSS para agregar estilo a sus páginas HTML.

Objective

Students will be able to:

  • Describe how CSS adds styling to HTML pages
Description

¡En esta lección, los estudiantes aprenderán superpoderes CSS! Los selectores de etiquetas CSS se pueden usar para seleccionar todos los elementos del mismo tipo (<table> o <h1> por ejemplo) y darles todo el mismo estilo.

Objective

Students will be able to:

  • Use CSS tag selectors to select all elements of the same kind and give them all the same style
Description

En esta lección, los estudiantes aprenderán cómo usar selectores de clase CSS para aplicar el estilo CSS a todos los elementos HTML que comparten una clase específica. Esto permite un estilo más específico.

Objective

Students will be able to:

  • Use CSS Class selectors to apply CSS styling to all HTML units that share a specified class
Description

El uso de CSS para seleccionar un elemento por ID ayuda a seleccionar un solo elemento para formatear en una página web. Esto es útil cuando es necesario ser muy específico para aplicar las reglas CSS para la página web.

Objective

Students will be able to:

  • Use CSS Selectors by ID to select a single element to format on a webpage
Description

En esta lección, los estudiantes aprenderán cómo se aplican las reglas CSS cuando se aplica más de una regla a un elemento.

Objective

Students will be able to:

  • Explain the order of precedence of CSS rules
  • Explain why CSS allows rules to cascade
  • Apply the order of precedence of CSS rules to achieve the desired styling of specific elements on the webpage
Description

En esta lección, los estudiantes completan una evaluación sumativa de los objetivos de aprendizaje de la unidad.

Objective

Students will be able to:

  • Prove their knowledge of CSS styling through a multiple choice quiz