CSS Básico
CategoríaRecursos y guías sobre CSS a nivel básico.
CSS3: resize, propiedad
Al igual que podemos redimensionar ventanas en el sistema operativo, con la propiedad resize podremos hacer lo mismo, pero con las cajas de texto (textarea). Esta propiedad, una nueva característica de la interfaz de usuario de CSS3, nos permitirá agrandar o hacer más pequeñas las cajas de texto, con el cursor. Por ahora únicamente está … Lee más!
La importancia del CSS
Desde Basekit, hablo sobre lo importante que es aprender sobre CSS y saber utilizarlo correctamente, también explico algunas técnicas modernas que os pueden servir de ayuda a la hora de diseñar un sitio web, y unas páginas web que os servirán de mucha utilidad, como este blog. Os recomiendo probar también la herramienta Basekit, muy … Lee más!
CSS: Background-size
Esta es una propiedad CSS3 que aún no está finalizada, puedes seguir su progreso por la W3C. La propiedad background-size te permite ajustar el fondo, estirarlo hasta donde deseemos, por lo que se puede llamar también background stretch. Podemos usarla, aunque únicamente determinadas versiones de navegadores son soportadas hasta ahora. Sería: -moz-background-size (Firefox 3.6) -o-background-size … Lee más!
Enfocar los estilos a IE6/7 con sólo dos caracteres adicionales
¿Sabías que únicamente con un símbolo antes de la propiedad CSS puedes enfocar el estilo que desees hacia Internet Explorer 6 o 7? Para IE 6 exclusivamente tendrás que añadir un guión bajo al principio de la propiedad, mientras que para IE 7 y las demás versiones en adelante, tendremos que incluir un ascerisco. Con … Lee más!
Cómo elegir la mejor tipografía para tu diseño
Existen una lista interminable de tipografías, pero sólo unas cuantas encajarán con el estilo que tenemos en el sitio web. Desde aquí os mostraré algunos puntos que os pueden resultar útiles para distinguir entre una tipografía aceptable y otra que no es buena para nuestro sitio. En las tipografías para títulos, se podrían seguir estos … Lee más!
Consejo CSS #4
Cuando estés aplicando margin o padding, o cualquier otra propiedad que tenga valores direccionales, ten en cuenta que si no especificas la dirección (margin-left, margin-top…), es decir, si aplicas css shorthand, tendrás que seguir el sentido de las agujas del reloj para guiarte en las direcciones. dtsv.dtse_post_4535_permalink = ‘http://www.cssblog.es/consejo-css-4/’; dtsv.dtse_post_4535_title = ‘Consejo CSS #4′;
Consejo CSS #3
Cuando estés aumentando o disminuyendo el tamaño de la tipografía, usa EM en vez de píxeles (PX). Los píxeles pueden ser interpretados de forma distinta dependiendo de cada navegador, especialmente Internet Explorer, mientras que usando EM, tendrás la seguridad de que el tamaño de la tipografía se mostrará exactamente igual en cualquier navegador. Más info. dtsv.dtse_post_4488_permalink … Lee más!
Consejo CSS #2
La clase (class) y los identificadores (ID) no son iguales. ¡Si aplicas un determinado ID a un elemento, no podrás repetirlo en otros elementos y el documento no tendrá el código CSS válido! Para ello, usa las clases. dtsv.dtse_post_4471_permalink = ‘http://www.cssblog.es/consejo-css-2/’; dtsv.dtse_post_4471_title = ‘Consejo CSS #2′;
Consejo CSS #1
Puedes ahorrarte tiempo con los colores hexadecimales definiendo únicamente 3 letras si estas son iguales. Por ejemplo, si tu línea CSS viene a ser así: color: #000000; puedes cambiarlo de esta forma y hará el mismo efecto: color: #000; dtsv.dtse_post_4465_permalink = ‘http://www.cssblog.es/consejo-css-1/’; dtsv.dtse_post_4465_title = ‘Consejo CSS #1′;
Errores comunes al usar CSS
Cuando empezamos a usar CSS, como todo en la vida, cometemos errores. Pero estos errores son beneficiosos, ya que, si reflexionamos pregúntandonos el porqué los hemos cometido, estaremos aprendiendo. Si crees que tus errores no son comunes, mira estos errores con su respectiva solución que voy a mostrar a continuación y, a lo mejor, puedes que … Lee más!
CSS: position, propiedad
La propiedad position, como su nombre indica, sirve para establecer la posición de un elemento. Su valor por defecto es static (sin posición). Es soportada en todos los navegadores (Cabe destacar que en todas las versiones de IE, incluyendo la 8, no soporta el valor inherit). A continuación mostraremos un ejemplo, los valores de la … Lee más!
Ventajas e inconvenientes al usar CSS
Aunque las hojas de estilo (CSS) tienen muchas ventajas, también tienen algunos inconvenientes. En esta entrada os expongo algunas ventajas e inconvenientes que pueden tener las hojas de estilo: Ventajas – Se obtiene un mayor control de la presentación del sitio al poder tener todo el código CSS reunido en uno, lo que facilita su … Lee más!
