Maquetación en CSS
CategoríaArtículos sobre maquetación de CSS.
Diferencia entre margin y padding
Los atributos margin y padding, aunque puedan resultar parecidos, no tienen nada que ver, ya que: Margin: El margen que existe entre un elemento y los que tenga al lado. Padding: Es el espacio que existe en un contenedor entre el contenido y los bordes del contenedor. Las diferencias son que: Al definir el margin … Lee más!
Frameworks sencillos para maquetar nuestra web
No siempre los frameworks tienen porqué ser pesados y largos. Os hemos mostrado una lista de ellos (si no sabes qué es un framework visita esta guía), pero queremos indicar que también existen frameworks sencillos. Por ejemplo, Vladimir Carrer ha creado el framework más simple que existe, compuesto por solo 1 línea de código y … Lee más!
Sobreescribir estilos en línea en CSS
Un pequeño truco en CSS que os vamos a explicar es cómo invalidar estilos que se han definido en línea, sustituyéndolos por los que están en el archivo CSS o entre las etiquetas <style type=”text/CSS”></style>.Este truco no funciona en Internet Explorer 6 pero sí en IE7, IE8, FireFox, Safari, y Opera. dtsv.dtse_post_2277_permalink = ‘http://www.cssblog.es/sobreescribir-estilos-en-linea-en-css/’; dtsv.dtse_post_2277_title … Lee más!
Universal IE6 CSS, convierte a IE6 en estandar
For a Beautiful Web ha creado un interesante proyecto para promover el uso de los estándares web y la manera de llegar a todos los usuarios sin importar el navegador web en el que se visualicen. Universal IE6 CSS es simplemente un fichero CSS que nos permitirá visualizar nuestro sitio web correctamente en Internet Explorer … Lee más!
Crear cubos 3D con CSS
CSS cada vez avanza más. Se van creando propiedades nuevas que anteriormente eran impensables. Webkit hace poco estaba haciendo una serie de propuestas para CSS3, CSS Animations. Algunas de estas propiedades ya están siendo soportadas por los navegadores. Una de las más modernas consiste en crear cubos 3D con CSS Transformations. dtsv.dtse_post_2220_permalink = ‘http://www.cssblog.es/crear-cubos-3d-con-css/’; dtsv.dtse_post_2220_title … Lee más!
Sombras en el texto sin usar text-shadow
La propiedad text-shadow, propiedad de CSS3, es muy nueva y por lo tanto la mayoría de los navegadores no la han implementado. Solo Safari, con sus versiones 3 y 4 lo soporta. Pero nosotros queremos que sea soportada por la mayoría de navegadores, así que vamos a implementar otra técnica para lograr sombras en el … Lee más!
Crear un menú horizontal simple con CSS
Os hemos mostrado varios diseños de menús para poder inspirarnos en nuestros proyectos, también una lista de menús originales creados con CSS, pero ahora vamos a crear nuestro propio menú horizontal de forma simple con CSS (antes os enseñamos a crear uno otro menú poco más complejo). Empezemos: dtsv.dtse_post_1969_permalink = ‘http://www.cssblog.es/crear-un-menu-horizontal-simple-con-css/’; dtsv.dtse_post_1969_title = ‘Crear un … Lee más!
Botón presionado con CSS
Cada vez se usan más los botones con estado “active” o activo (presionado) en CSS. Usaremos una imagen como rollover crear un botón con estado normal y presionado (active) en CSS. Empezemos: dtsv.dtse_post_1882_permalink = ‘http://www.cssblog.es/boton-presionado-con-css/’; dtsv.dtse_post_1882_title = ‘Botón presionado con CSS’;
39 logos olímpicos: 1924-2012
He visto un montón de logos, pero los logos olímpicos para mí son los más especiales. Con un insignificante logo sientes la pasión que rodea a las olimpiadas. Los logos de las olimpiadas han ido cambiado, desde monocromáticos han ido tendiendo a multicolor. Para ver claramente la diferencia entre cada uno de ellos, mostraremos 39 … Lee más!
40 excelentes logos creados con Helvética
La fuente helvética es muy famosa, es la fuente más usada extensamente, incluso se ha hecho su propia película. Para mí la fuente helvética da rigor, a la vez que logra hacer que todo parezca más ordenado. Se usa mucho en los párrafos de los sitios web, anuncios, y como no, logos. Por ejemplo, estos … Lee más!
8 formas de resaltar mensajes con CSS
Muchas veces ocurre, queremos resaltar algo y no sabemos con qué. Una imagen, no. colores brillantes, tampoco. ¿Por qué no usamos CSS? En esta entrada explicaremos como resaltar mensajes con CSS, poniendo ejemplos de hasta 8 formas. Principalmente se basa en la mezcla del color del fondo, texto y bordes, es decir, la triple armonía. … Lee más!
Bocadillos de texto con CSS
Hay muchas formas originales de mostrar un texto, una de ellas es englobarlo en forma de bocadillo de cómic, de forma que parezca aún más divertida su interfaz. Pero, si esto se puede hacer solo con CSS, mejor que mejor. Explicaremos como crear un bocadillo de texto (Callout) con CSS: dtsv.dtse_post_1702_permalink = ‘http://www.cssblog.es/bocadillos-de-texto-con-css/’; dtsv.dtse_post_1702_title = … Lee más!
