CSS, que significa Cascading Style Sheet, ú hoja de estilo en cascada. Es el lenguaje estándar utilizado para dar los estilos o apariencia a las páginas web. Los estilos son heredados por los elementos hijos o anidados en un efecto cascada de hay el nombre del lenguaje. Se compone de una extensa lista de propiedades que asignadas a los elementos html de un documento (bien por el nombre de la etiqueta, o habiendoles asignado previamente un atributo id o una clase), le aportaran la apariencia que visualizaremos por pantalla. Lo más habitual es colocar estos estilos en un documento separado con extensión .css y enlazarlo con un link en el <head> del documento. Aunque hay otras formas de inyectar el css, menos recomendadas como puede ser inline y con javascript.
Para lo que aquí nos ocupa que es el Diseño Web, el CSS es seguramente el ingrediente más importante para aportar la parte estetica del documento. Pues si quieres profundizar en tus conocimientos, haz scroll y visita todas las páginas que tengo preparadas....
Múltiples ejemplos del uso de la propiedad animation de css, para dominar su sintaxis y realizar efectos fantasticos.
animaciones_css
Diferentes formas de tunear y presentar los botones de contacto a tus redes sociales.
botones
Formas de presentar y sintetizar contenido, con css, para optimizar el espacio en las páginas web.
contenido_animado
Fantasticos efectos sobre iconos y menus, para aplicar dinámismo a nuestras páginas.
iconos_hover
Listado muy completo, de la mayoría de las propiedades css que conviene conocer, para manipular la apariencia de los documentos web.
lista_prop_css
Formas de crear ventanas modales y los clasicos tooltip o bocadillos de texto.
modal_tooltip
Diferentes formas de implementar el modo claro-oscuro para un sitio web. Con un poco de javascript o solo con CSS.
claro_oscuro
Usos y sintaxis de la propiedad animation de css, o como puedes construir una secuencia consecutiva de estados de los elementos html.
prop_animation
Desde hace relativamente poco, css, evoluciono para con las nuevas propiedades display flex y grid, facilitarnos enormemente las tareas de maquetación de las páginas web.
prop_display_flex
Con la propiedad display grid o como crear una cuadricula, se acabo lo de hacer malabarismos para conseguir la alineación horizontal y vertical de los elementos en los documentos web.
prop_display_grid
Usos y propiedades de la propiedad filter de css, o como manipular imágenes o contenido html solo con css.
prop_filter
Ejemplos dinámicos, del uso y la sintaxis de la propiedad transform, que junto con transition, y animation, nos pueden servir para dar dinámismo a nuestras páginas.
prop_transform
Fantastica propiedad de css, que nos permite transicionar propiedades css a otros valores y crear efectos fantasticos.
prop_transition
Fantasticos efectos sobre texto, que pueden ser un recurso útil, en determinados casos para crear sensación de dinámismo a una web.
texto_hover