Todo el mundo que tenga un sitio web debe saber unos mínimos acerca de la tipografía, uno de los aspectos más importantes del diseño web. Hace unos días publiqué un artículo sobre cómo elegir [...]
Existen una lista interminable de tipografías, pero sólo unas cuantas encajarán con el estilo que tenemos en el sitio web. Desde aquí os mostraré algunos puntos que os pueden resultar útiles para distinguir entre [...]
Cuando empezamos con CSS, tendemos a poner las propiedades así: margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px; Pero, podemos agrupar todos estos valores en una sola propiedad, esto se suele llamar shorthand – [...]
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 [...]
Aunque las hojas de estilo (CSS) tienen muchas ventajas, también tienen algunos inconvenientes. En esta entrada os expongo algunas ventajas e inconvenientes que pueden tener las hojas de estilo: Ventajas – Se obtiene un [...]
Repetir un fondo con CSS es muy básico y efectivo para ahorrarnos KB al tener una única imagen minúscula que se repite por toda la pantalla y así, acelerar la carga de la página. [...]
Existen una lista de tipografías estándares que todos los navegadores pueden interpretar, pero, ¿qué ocurre con las demás tipografías? ¿Cómo podemos implementarlas? @font-face es una propiedad muy útil para definir en un sitio web [...]
La propiedad text-shadow permite crear sombra en el texto, pudiendo variar las posiciones de esta y el color de la sombra. Suele usarse en encabezados y títulos que deseen resaltarse, pero no se debe [...]
Añadir sombra una caja de texto sigue el mismo formato que añadir sombra en el texto, y para ello se utiliza la propiedad Box-shadow. Box-shadow es compatible con Safari 4, Firefox 3 y Chrome [...]
Al igual que ya existía como aplicar transparencia, con CSS3 todo esto es más sencillo y estandar, usaremos doble background para aplicar transparencia a una caja de texto. Uno nos servirá para definir el [...]
La propiedad Line-height especifica el espacio del salto de línea base de un texto. Los valores son relativos al tamaño de la fuente del elemento y no existen valores negativos.Si dicho valor es un [...]
Si tienes alguna duda sobre la propiedad line-height, este vídeo te será de gran ayuda, ya que, aunque está en inglés, mediante las adecuadas imágenes que nos muestran podrás entenderlo casi todo sin muchas [...]