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!
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!
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!
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!
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!
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
¡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.
