David Garzón

/*****************Reset general*******************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:”; } abbr,acronym { border:0; }

form label { cursor: pointer; }

/*****************Como añadidos*******************/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; } li, dd, blockquote { margin-left: 1em; }

form label { cursor: pointer; }

input, select, textarea { font-size: 100%; }

/***************Clases genericas***************/

.alignleft { text-align: left; }

.alignright { text-align: right; }

.floatleft { float: left; margin: 0 10px 10px 0; }

.floatright { float: right; margin: 0 0 10px 10px; }

.clearboth { clear: both; }

.clearleft { clear: left; }

.clearright { clear: right; }

• Manual con ejemplos bastante completo de CSS2 - Es un manual bastante completo que permitira complementar a un diseñador/maquetador web y iniciar a los principiantes.
• Tutorial: FTP Upload via cURL - Tutorial de como subir archivos por FTP con cURL
• Curso de fotografía interesante - Curso de Xatakafoto con varias lecciones muy sencillas y útiles.

Gran tutorial donde los haya. 11 fases y una pequeña introducción que nos muestra como realizar a partir de una captura, la maquetación de una página web.

Podemos acceder al tutorial aquí

Fórmula 1:

Valor en em = Tamaño en px deseado / Tamaño en px del elemento padre

Por ejemplo, si tienes un div con una fuente equivalente a 12px y deseas obtener un encabezado h3, dentro del div, de 21 px:

Tamaño en em = 21px/12px = 1.75 em

Si en vez de estar trabajando con em, estamos trabajando con tamaños en porcentaje. La fórmula sería:

Valor en % = (Tamaño en px deseado / Tamaño en px del elemento padre)*100

Fórmula 2:

Usar en las CSS la fórmula del 62.5

/*
Si establecemos el tamaño del texto por defecto al 62.5% del original,
tendremos que
1em = 10px
0.9em = 9px;
1.2em = 12px;
2.3em = 23px;
*/

body {
font: 62.5% arial, helvetica, sans-serif;
}