Consejo CSS #3
Cuando estés aumentando o disminuyendo el tamaño de la tipografía, usa EM en vez de píxeles (PX). Los píxeles pueden ser interpretados de forma distinta dependiendo de cada navegador, especialmente Internet Explorer, mientras que usando EM, tendrás la seguridad de que el tamaño de la tipografía se mostrará exactamente igual en cualquier navegador. Más info.
Consejo CSS #2
La clase (class) y los identificadores (ID) no son iguales. ¡Si aplicas un determinado ID a un elemento, no podrás repetirlo en otros elementos y el documento no tendrá el código CSS válido! Para ello, usa las clases.
Consejo CSS #1
Puedes ahorrarte tiempo con los colores hexadecimales definiendo únicamente 3 letras si estas son iguales. Por ejemplo, si tu línea CSS viene a ser así: color: #000000; puedes cambiarlo de esta forma y hará el mismo efecto: color: #000;
Errores comunes al usar CSS
Cuando empezamos a usar CSS, como todo en la vida, cometemos errores. Pero estos errores son beneficiosos, ya que, si reflexionamos pregúntandonos el porqué los hemos cometido, estaremos aprendiendo. Si crees que tus errores no son comunes, mira estos errores con su respectiva solución que voy a mostrar a continuación y, a lo mejor, puedes que … Lee más!
CSS Shorthand: La regla del reloj
Cuando empezamos con CSS, tendemos a poner las propiedades así: Pero, podemos agrupar todos estos valores en una sola propiedad, esto se suele llamar shorthand – Podéis ver esta guía para recordar valores en CSS Shorthand -. En el ejemplo anterior, quedaría así: Esto simplifica mucho el modo de definir las propiedades, pero para los … Lee más!
Soluciona una gran lista de errores en IE con IE7-JS
IE7-JS es una librería en Javascript (versión 2.0 beta) creada por Dean Edwards, que nos permitirá solucionar una gran cantidad de errores en IE. La librería está disponible en dos archivos, IE7.JS e IE8.JS (En IE7.JS encontramos una gran cantidad de arreglos a fallos de IE7, mientras que el resto de mejoras están incluidas en IE8.JS. … Lee más!
CSS: position, propiedad
La propiedad position, como su nombre indica, sirve para establecer la posición de un elemento. Su valor por defecto es static (sin posición). Es soportada en todos los navegadores (Cabe destacar que en todas las versiones de IE, incluyendo la 8, no soporta el valor inherit). A continuación mostraremos un ejemplo, los valores de la … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
