Códigos Fuente de CSS

Web basada en una página adaptable y compatible con cualquier navegador web, tableta, smartphone, móvil, etc... Construida en HTML y CSS desde cero, sólo ocupa al completo 2,13 KB (2.187 bytes); por tanto, NO precisa Javascript, Librerías, Feamewoks, ni nada parecido. Es una estructura amplable sin límite. Se pueden añadir más páginas clonando parte del código y adaptándolo. Tiene un límite: ¡La Imaginación. Qué se le va a hacer!...

Class-CSS aplicable a diversos elementos para evitar que sean seleccionados.
Puede resultar práctico para texto que al clicar y mover en su zona, acabe seleccionado parcial o totalmente sin pretenderlo; algo poco estético.

Lo vemos en el código del ejemplo.

Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.

Simple código que permite un efecto reveal de fondos en puro CSS. Sin JavaScript, sin librerías; totalmente compatible con nuevos, antiguos navegadores y demás dispositivos. Adaptable con escasos cambios a diferentes proyectos.

Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.

este simple código, muestra como poner un simple texto encima de una foto.

Este código de CSS, muestro como modificar el formato de un radio button por uno definido por nosotros mismos.

La utilización de sprites, es una técnica para mejorar la velocidad de carga de las páginas webs. Esta técnica consiste en colocar en una sola imagen todo el conjunto de imágenes que vayamos a utilizar en nuestra web, para luego ir cogiendo la parte de la imagen que necesitemos mostrar.
Funciona en todos los navegador a excepción de IE8 y anteriores.

En este simple código, se visualiza como crear un salto de página cuando vayamos a imprimir nuestros reportes o documentos desde nuestra página web

Código que muestra como centrar un div en el centro de la pantalla, tanto verticalmente como horizontalmente.
Probado en IE 5,6,7, Firefox 2 y Opera 9.