Category Archives: HTML y CSS

Tips y trucos de CSS (muy útiles)

Buena colección de tips de CSS que quizá no conocían. Contiene:

1. Rounded corners without images 2. Style

your order list 3. Tableless forms 4. Double blockquote 5. Gradient text effect 6. Vertical centering with line-height 7. Rounded corners with images 8. Multiple class name 9. Center horizontally (Muy útil!)

10. CSS Drop Caps 11. Prevent line breaks in links, oversized content to brake 12. Show firefox scrollbar, remove textarea scrollbar in IE

Ver listado detallado en: http://stylizedweb.com/
 

Tabla de equivalencias entre px, pt, % y em para web

Interesante artículo de ateneupopular.com acerca de las equivalencias entre valores en pt (puntos), px (pixels), % y em

cuando se declaran como propiedades de distancia en web.

Pts Px Em %
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%

Ver artículo en: http://www.ateneupopular.com/ y en: http://www.webadictos.com.mx