Ejercicio sobre tipografías css
Ejercicio en que se practica con la llamada e implementación de tipografías css desde distintos recursos web. 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.
Ejercicio en que se practica con la llamada e implementación de tipografías css desde distintos recursos web. Incluye solución....
Ejercicio css dónde se calcula el width real de dos cajas con y sin box-sizing y el espacio real ocupado. Incluye solución....
Ejercicio en el que se estiliza mediante css un formulario html típico. Incluye solución....
Los selectores css a veces son intuitivos y otras veces no. ¿Tienes una buena intuición?. ¿De qué color ser verá? Incluye solución....
Síntesis de pseudoelementos y pseudoselectores más usados. ¿Sabes en que se diferencían? ::root, ::before, :firt-child, :not(), ...
Se muestran dos soluciones simples que usan exclusivamente CSS para el conocido reto de terminar un contenido con 3 puntos suspensivos. "...
Ejercicio css sobre background en el que se pintan mediante gradientes algunas banderas (fáciles) del mundo. Incluye solución....
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....