La propiedad background: color, image, repeat, position, size, attachment y más
La propiedad background se desarrolla en muchísimas variantes que permiten generar efectos muy interesantes. Veámoslas todas....
¿Te gustaría dominar tus páginas web para que se vean como realmente quieres?
Deja de dar vueltas por internet buscando parches y aprende las bases del diseño web con este tutorial CSS.
Los apuntes, resúmenes de clase, chuletas y ejercicios que encontrarás están pensados para los alumnos del curso IFCD0110 de confección y publicación de páginas web. Pero te sirven aunque no lo curses.
Antes de leer este tutorial es conveniente que estés familiarizado con el html.
El temario es súper extenso. Nunca terminas de aprender CSS del todo.
He dividido el tutorial en diversas secciones.
Verás que hay algunos contenidos todavía no terminados y que voy completando el tutorial sin prisa pero sin pausa.
Por este motivo al final de todo verás también una sección de últimos contenidos publicados.
La siguiente colección de ejercicios y prácticas está ordenada siguiendo el orden de conceptos de este tutorial.
Atención: Los ejercicios que están en texto negro todavía no están publicados.
La propiedad background se desarrolla en muchísimas variantes que permiten generar efectos muy interesantes. Veámoslas todas....
Centrar un contenido horizontalmente es relativamente fácil. ¿Sin embargo cuando lo queremos hacer verticalmente que alternativas tenemos? En esta publicación se plantean 3....
Maquetar con display:table; tiene ventajas frente a las tablas html. A modo de ejercicio se propone una tabla de servicios. Incluye solución....
En alguna páginas web el texto se decora cuando es seleccionado mediante el ratón. Aquí encontrarás toda la información de esta pseudo clase....
Como generar un parallax en una página web. Incluye ejemplo....
Numerar listas css es como con el Word es posible gracias a la propiedad counter(). Veamos un ejemplo de uso....
¿Problemas para memorizar colores hexadecimales? Vemos un ejemplo de como usar las variables de css3 para definir los colores de un proyecto web....
La letra capital es un recurso medieval que no es de mi devoción pero que me sirve para darte un par de ejemplos prácticos de uso del pseudoselector ::first-letter....
::before y ::after tienen muchos usos interesantes para dar estilos en nuestros documentos web. Este conocimiento te puede ayudar por ejemplo a estilizar listas html...