Centrar la estructura de tu web horizontalmente usando CSS
La resolución más baja que existe ahora es la de 1024 x 768, así que deberemos programar de acuerdo a esta resolución como mínimo. Una de las cosas que debemos hacer siempre que sea posible, es crear la estructura de nuestro sitio de forma fixed, es decir, que sea una anchura y altura determinada, y … Lee más!
Clear float nunca fue tan fácil
Una manera fácil de hacer clear a tus floats en CSS, es esta, incluyes en tu código CSS el estilo del elemento, y le agregas la propiedad overflow: hidden: .containingElement{ overflow: hidden; } [/code] Finalmente, hay que hacer un pequeño hack en Internet Explorer 6 para que lo soporte: * html #container{ height: 1%; } … Lee más!
Contornear tu texto con CSS
Una forma fácil de contornear tu texto, es utilizar la herramienta CSS que nos proporciona CSS Text Wrapper, una herramienta sencilla con un editor basado en puntos, que nos ayudará a contornear nuestro texto más fácilmente. Ver la herramienta para contornear tu texto con CSS
Posicionamiento Fixed con CSS
Algunas veces queremos que un mensaje se muestre siempre que naveguemos por una página, aunque nos vayamos hacia abajo del todo de esta. Bueno, esto se puede hacer, gracias a una propiedad de CSS que posiciona un elemento de forma flotante. Solo tendremos que crear el código CSS del elemento, y añadirle la posición fixed: … Lee más!
Seleccionar con distinto color mediante CSS
¿Alguna vez te has preguntado porqué algunas web tienen el «don» de poder seleccionar el texto de manera distinta, es decir, con otro color? Pues es muy fácil, ¡aquí tienes la solución!
Letras encima de otras con CSS
Es bonito que varias letras se superpongan encima de otras. Si lo hacemos bien, podremos crear un bonito diseño, que puede ser el logo de nuestro sitio, por ejemplo.
Bordes redondeados en Webkit mediante CSS
Una forma fácil de crear bordes redondeados en navegadores web que funcionen con el motor WebKit (Como por ejemplo: Safari). Cabe decir Safari con su motor Webkit ha superado el acid test. AVISO: ¡Este truco no funciona con Internet Explorer o Firefox, ya que no funcionan mediante el motor Webkit! .sample { -webkit-border-radius:10px; /* todos … 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.
