Etiqueta: css

Como hacer un fondo degradado en un div con CSS

Para hacer buenos diseños en nuestras páginas web, nos va a ser muy práctico poder utilizar fondos con un degradado de color que vaya progressivamente de un tono a otro. Para ello antes no teníamos más remedio que poner una imagen de fondo en el div que previamente havíamos hecho en Photoshop pero ahora, gracias [...]

Entrada publicada en Diseño web general | También etiquetada con , , , | 4 Comentarios

¿Qué es LESS? Como utilizar less para mejorar nuestro CSS3 (Less.js)

(Primera parte) LESS es una pequeña y gran herramienta que extiende las posibilidades del CSS añadiendo variables, mezclas, operaciones y reglas anidadas. Esto significa que con LESS podemos escribir código ligero y óptimo de forma muy rápida. LESS (less.js) también nos va a ser muy útil para simplificar algunas del las propiedades avanzadas del CSS3, [...]

Entrada publicada en Diseño web general, Herramientas y utilidades, Maquetación web, Trucos y consejos web | También etiquetada con , , , , , , | 2 Comentarios

2 maneras de crear un fondo transparente para un div

Muchas veces es interesante jugar con fondos semi-transparentes en nuestros elementos de la página web para hacerla más atractiva y funcional. Para ello os propongo dos maneras muy sencillas: Tweet

Entrada publicada en Diseño web general, HTML5 y CSS3, Trucos y consejos web | También etiquetada con , , | 3 Comentarios

Como hacer una sombra con CSS3 (Box-shadow)

Una de las propiedades interesantes que nos ofrece CSS3 es la capacidad de crear y configurar el efecto de sombra con código CSS. Nos podemos olvidar de crear imágenes con Photoshop y ponerlas como background. Entre otras cosas, podremos elegir el color, tamaño, desenfoque y desplazamiento de la sombra (drop shadow). En este artí­culo, veremos [...]

Entrada publicada en Compatibilidad navegadores, HTML5 y CSS3 | También etiquetada con , , , , , | 3 Comentarios

Como resetear el CSS de los navegadores para que no alteren tus estilos

Para que nuestro código CSS sea límpio y afecte de igual manera en todos los navegadores, lo primero que tenemos que hacer es resetear el CSS propio de cada navegador.

Esto hará que nos ahorremos un montón de problemas en la maquetación de nuestra web.

Para ello solo tienes que incluir este código al principio de tu hoja de estilos CSS principal:

Entrada publicada en Compatibilidad navegadores | También etiquetada con , , , | Dejar un comentario

Como hacer cantos redondeados (redondos) con HTML5 y CSS3 (esquinas redondeadas)

Pues eso, si quieres que tus div’s tengan los cantos o esquinas redondeados y que además se vean redondos en todos los navegadores solo tienes que usar este código CSS (cada orden es para un navegador distinto): #nombredeldiv { -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } Si quieres especificar que borde quieres redondear, [...]

Entrada publicada en Diseño web general, HTML5 y CSS3, Herramientas y utilidades, Trucos y consejos web | También etiquetada con , , , , , | 1 Comentario