Código CSS según navegador

Este pequeño Hack te ayudará a hacer chapucillas en tu hoja de estilos para tener diferentes propiedades según el navegador. No deja de ser una chapuza. Te recomiendo que ya que haces esta guarrería, tengas una hoja de estilos por navegador (si realmente es necesario). Ejemplo de CSS según navegador (se explica sólo): .tuclasecss{ height:…

Letras Capitales con CSS

Con este código conseguiremos que la primera letra de nuestros párrafos <p> esté con letra capital (como en los cuentos). p.capitalLetter:first-letter {    float:left;    color:black;    background:white;    border:1px solid #999999;    font-size:80px;    line-height:60px;    padding:2px;    font-family:times;    margin-right: 5px;    } Fuente y ejemplos: >> Cómo crear letras capitales con CSS…

Centrar página con CSS

Para centrar una página Web usando sólo capas y css necesitais: XHTML … <body> <div class=»cuerpo»> <!– contenido de la página –> </div> </body> … CSS body { text-align: center; font-family: verdana; font-size: 10px; background-color: #FFFFFF; } .cuerpo { margin: 0px auto; text-align: left; }…

CSS Showcases

Revisando mis marcadores de Firefox (favoritos en IE), me he dado cuenta que tenía una buena colección de Webs que muestran buenos diseños de Webs estructuradas principalmente mediante CSS. He exportado los favoritos y he c&p los resultados a esta noticia para ver si os son útiles. CSS Bloom | CSS Gallery with Blog’s and…

Interlineado en CSS

El interlineado es la separación vertical entre las distintas líneas de un texto. Frase uno.Frase dos. El espacio que separa ambas frases se denomina «interlineado». ¿Cómo se puede modificar este valor en XHTML? ¡Utilizando CSS! line-height:15px;…

Cajas Redondeadas Sin Imágenes

¿Cansado de tener que recortar 4 imágenes o más para hacer unas simples cajas redondeadas? ¡Aquí tienes la solución! Cajas redondeadas 100% CSS y sin usar ninguna imágen. ESTO AL CSS o : div#nifty{ margin: 0 10%;background: #9BD1FA}b.rtop, b.rbottom{display:block;background: #FFF}b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #9BD1FA}b.r1{margin: 0 5px}b.r2{margin: 0 3px}b.r3{margin: 0 2px}b.rtop b.r4,…