Portada » CSS Básico » Guías » Página 4

sin miniatura

Ventajas e inconvenientes al usar CSS

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 mayor control de la presentación del sitio al poder tener todo el código CSS reunido en uno, lo que facilita su … Lee más!

sin miniatura

Repetir fondo con CSS

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. Por ejemplo, en CSSBlog hemos usado la imagen de fondo que ahora tenemos. Vamos a repetir esta imagen uniformemente por toda … Lee más!

sin miniatura

CSS: Text-shadow, propiedad

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 abusar de ella (Un ejemplo incorrecto sería usar esta sombra los párrafos). Solo navegadores basados en Webkit, como Safari o Konqueror, … Lee más!

CSS: Box-shadow, propiedad

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 1. El código en CSS3 puro sería así:           Valor horizontal, si es positivo indica que la sombra se … Lee más!

sin miniatura

CSS3: Transparencia

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 color. El otro, para aplicar la transparencia, añadiendo un nuevo valor, que puede estar entre el 0 (transparente) y 1 (opaco). … Lee más!

sin miniatura

CSS: La propiedad Line-height

Nota: puedes leer una versión más sencilla de la propiedad line-height aquí. 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 número, la altura de la línea se calcula multiplicando el … Lee más!

sin miniatura

Vídeo sobre la propiedad CSS Line-Height

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 complicaciones. Os mostramos el video a continuación: Por Russ Weakley. Vía | CSS No Lanche

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.