Episodio

¿Cómo: Crear un enfoque eficaz y estandarizado para implementar estilos CSS?

En este vídeo, Chris Pels muestra cómo organizar e implementar estilos CSS que proporcionan una apariencia estandarizada a un sitio web. Además, los estilos se organizan para proporcionar máxima flexibilidad y reutilización. Se crea un conjunto de estilos que se centra en la apariencia visual del sitio. En primer lugar, se crea un sitio web de ejemplo con un archivo CSS para una página de ejemplo. Los primeros grupos de estilos creados están orientados a proporcionar contenedores para contenido en todo el sitio. A continuación, se agrega un conjunto de estilos que se centran en mostrar el "estado" de los elementos de la interfaz de usuario. Por último, se crea un conjunto de estilos para las indicaciones de interacción del usuario. Cada uno de los estilos se usa con elementos HTML en la página de ejemplo. También hay una explicación sobre el uso del mismo enfoque de implementación para los estilos que controlan el diseño de elementos en el sitio.