Ejercicio css dar formato a una tabla de precios con display:table
Maquetar con display:table; tiene ventajas frente a las tablas html. A modo de ejercicio se propone una tabla de servicios. Incluye solución....
¿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 sirven para todos.
Por cierto, antes de leer este tutorial es conveniente que estés familiarizado con el html.
El tutorial está dividido en 3 secciones principales:
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.
¿A que esperas?
¡Teclado, pantalla y acción!
b
a
b
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.
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...
Qué es la propiedad opacity de css y como podemos usarla. Atención porqué para transaprencias no siempre es la mejor opción....
Las propiedades shorthand son muy útiles. En esta entrada aprenderás una forma práctica de recordar el significado de las abreviaciones para border, margin y padding....