14.04.2013 Views

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

#que-es, #descarga, #no-ipad{<br />

}<br />

width:320px;<br />

height:180px;<br />

padding-right:15px;<br />

position:relative;<br />

float:left;<br />

font-size:0.875em;<br />

line-height:20px;<br />

cursor:pointer;<br />

#que-es p, #descarga p, #no-ipad p{<br />

}<br />

color:#666;<br />

cursor:auto;<br />

#que-es h1:hover, #descarga h1:hover, #no-ipad h1:hover{<br />

}<br />

text-decoration:underline;<br />

Un extracto de la hoja de estilos CSS.<br />

Paso 3<br />

Mide las columnas: Para saber qué transformar, primero hay que saber cuáles serán las medidas fijas<br />

de cada columna, sección o elemento de la grilla. Lo importante es saber el tamaño total del contenedor<br />

de la página y, además, de cada sección.<br />

16 RESPONSIVE WEB DESIGN — Capítulo 2: La grilla felxible

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!