Publicidad
Publicidad

Curso Completo de CSS de principiante a avanzado - CURSO de CSS - 34 ¿Como PONER un COLOR por PALABRA CLAVE en CSS?

Miniatura del vídeo

Clase: Introducción al uso de colores por palabras clave en CSS

Aprende a aplicar colores en tus elementos web utilizando palabras clave en CSS. Una guía práctica para principiantes sobre el manejo de estilos y colores.

Esta lección se enfoca en explicar cómo asignar colores de forma sencilla en CSS mediante el uso de nombres en inglés, conocidos como palabras clave. A través de este método, es posible modificar propiedades como el borde de un elemento, el color de la fuente o el fondo, facilitando el diseño visual de páginas web sin necesidad de recordar códigos hexadecimales complejos.

Puntos Clave de la Lección

  • Definición de colores por palabras clave: Se explica que esta técnica consiste en utilizar los nombres de los colores escritos en inglés directamente en las propiedades CSS, como el caso de "blue" para el color azul. [00:00:36]
  • Aplicación en propiedades CSS: Se demuestra cómo implementar colores en diferentes atributos, específicamente utilizando la propiedad color para el texto y background-color para definir el fondo de un elemento. [00:01:07]
  • Ejemplos prácticos: Se muestra el uso de colores específicos como "Aqua" para fuentes y "Brown" para el fondo, observando cómo se refleja el cambio de estilo en el elemento seleccionado. [00:01:16]
  • Recursos externos para consulta: Se introduce una herramienta o página web recomendada donde se listan todas las tonalidades disponibles por palabras clave, organizadas por gamas cromáticas para facilitar su búsqueda. [00:02:05]
  • Versatilidad de las palabras clave: Se comprueba cómo, al aplicar un color como "indigo" en el editor, el navegador interpreta correctamente la instrucción, permitiendo cambios rápidos en el diseño. [00:02:36]

Productos útiles para este curso

Para seguir este curso de CSS, se recomienda contar con un editor de código funcional (como Visual Studio Code) y un navegador moderno para visualizar los cambios en tiempo real.

Resumen Final

El uso de palabras clave en CSS es la forma más accesible y directa de comenzar a aplicar color a los componentes de un sitio web. Aunque existen otros sistemas más precisos como los códigos RGB o los colores hexadecimales —que se abordarán en futuras lecciones—, los nombres en inglés son ideales para prototipado rápido y para familiarizarse con la sintaxis de las propiedades de estilo.

Créditos del Autor

Esta lección ha sido adaptada del contenido original creado por el canal, especializado en programación web y desarrollo front-end. Se recomienda visitar su canal oficial de YouTube para profundizar en estos contenidos.

34. CURSO de CSS - 34 ¿Como PONER un COLOR por PALABRA CLAVE en CSS?

Contenido

Guarda tu progreso

Presiona Ctrl + D para favoritos.

Ver otros cursos