Articles Tagged with: css


CSS solo para Firefox

mayo 2, 2014 | 0 Comments

Una de las tareas más tediosas para cualquier desarrollador web es el cross-browsing, es decir, comprobar con los navegadores web habituales y sistemas operativos que el sitio web se ve correctamente. Como añadir estilos CSS solo para Firefox Si cuando comprobamos la visibilidad en Firefox queremos aplicar un estilo CSS solo para Firefox,  debemos añadir a nuestro archivo css: @-moz-document url-prefix() { h3 {margin-top: 10px;} } Este código hará que […]
jQuery: Cómo aplicar estilo CSS a un elemento

abril 12, 2014 | 1 Comments

Con jQuery es muy fácil aplicar estilos css a los elementos que queramos dinamicamente, una vez ya se ha cargado nuestro sitio web. Veámoslo con un ejemeplo. Supongamos que tenemos el siguiente código html: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>css demo</title> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris varius ligula vel iaculis ullamcorper. </p> </body> </html> El código jQuery Para aplicar […]
CSS: Cómo centrar vertical y horizontalmente un elemento

abril 7, 2014 | 0 Comments

Si queremos centrar una imagen por ejemplo, dentro de un elemento, solamente debemos añadirle el siguiente estilo css: img { position: absolute; top: 50%; left: 50%; width: 500px; /* Ancho de la imagen */ height: 500px; /*Alto de la imagen */ margin-top: -250px; /* La mitad del alto de la imagen */ margin-left: -250px; /* La mitad del ancho de la imagen */ }   Es recomendable añadir una “class” […]
CSS: Como aplicar color al placeholder

abril 3, 2014 | 0 Comments

Los textos “placeholder” de los campos (en los navegadores que lo permiten) tienen por defecto un color gris claro. Para darle estilo, solo debes añadir a tu archivo css el siguiente código: ::-webkit-input-placeholder { color: red; } :-moz-placeholder { /* Firefox 18- */ color: red; } ::-moz-placeholder { /* Firefox 19+ */ color: red; } :-ms-input-placeholder { color: red; }  
¿Qué es Bootstrap?

marzo 8, 2014 | 0 Comments

¿Qué es Bootstrap? Si tiene una web, lo más probable es que haya leído la palabra “Bootstrap” mientras ojeaba artículos sobre diseño y desarrollo. Quizás haya entreoído la palabra “Bootstrap” en medio de alguna conversación de diseñadores web en cualquier cafetería o bar del mundo. Ellos saben qué es Bootstrap y los enormes beneficios que aporta al mundo del desarrollo web. Pero, ¿sabe por qué insistir en utilizar Bootstrap en […]