<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Pablo Casuriaga - Analítica Web, Dominios, SEO, Diseño &#187; CSS</title>
	<atom:link href="http://www.pablocasuriaga.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pablocasuriaga.com</link>
	<description>Blog personal de Pablo Casuriaga</description>
	<lastBuildDate>Thu, 02 Jun 2011 16:14:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Equivalencias de medidas en CSS</title>
		<link>http://www.pablocasuriaga.com/equivalencias-de-medidas-en-css/</link>
		<comments>http://www.pablocasuriaga.com/equivalencias-de-medidas-en-css/#comments</comments>
		<pubDate>Thu, 12 Feb 2009 04:00:31 +0000</pubDate>
		<dc:creator>Pablo</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[medidas css]]></category>
		<category><![CDATA[tipografías]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.pablocasuriaga.com/?p=125</guid>
		<description><![CDATA[Vuelvo con una tabla de equivalencias de medidas para CSS que puede ser muy útil para muchos de los que trabajan en desarrollo de sitios web. Estas equivalencias de medida nos sirven para definir tamaños de elementos y texto. En la tabla vamos a poder ver que unidad equivale a la otra y vamos a [...]]]></description>
			<content:encoded><![CDATA[<p>Vuelvo con una tabla de <strong>equivalencias de medidas para <a href="http://www.pablocasuriaga.com/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">CSS</a></strong> que puede ser muy útil para muchos de los que trabajan en desarrollo de sitios web.</p>
<div id="attachment_126" class="wp-caption alignnone" style="width: 160px"><a href="http://www.pablocasuriaga.com/wp-content/uploads/2009/02/tabla-equivalencias-css-01.gif"><img class="size-thumbnail wp-image-126" title="Tabla equivalencias CSS" src="http://www.pablocasuriaga.com/wp-content/uploads/2009/02/tabla-equivalencias-css-01-150x150.gif" alt="Clic para ampliar Tabla CSS" width="150" height="150" /></a><p class="wp-caption-text">Clic para ampliar Tabla <a href="http://www.pablocasuriaga.com/tag/css/" class="st_tag internal_tag" rel="tag" title="Posts tagged with CSS">CSS</a></p></div>
<p>Estas equivalencias de medida nos sirven para definir tamaños de elementos y texto.</p>
<p>En la tabla vamos a poder ver que unidad equivale a la otra y vamos a ver las siguientes medidas, puntos, píxeles, em y porcentaje (pt, px, em, %).</p>
<p>Podemos decir que la <strong><a href="http://www.pablocasuriaga.com/tag/w3c/" class="st_tag internal_tag" rel="tag" title="Posts tagged with W3C">W3C</a></strong> puso a nuestra disposición las siguientes unidades de medidas.<br />
Las podemos dividir en <strong>absolutas</strong>, <strong>relativas</strong> y <strong>porcentaje</strong>.</p>
<p>Las <strong>unidades absolutas</strong> permiten el control exacto en lo que respecta a la apariencia de la página, por ejemplo si trabajamos con <strong>pt</strong> se visualizara dependiendo del tamaño del punto de resolución de la pantalla, pero si trabajamos con <strong>px</strong> se visualizara acorde a la resolución de pantalla del usuario y la plataforma en la que esta desplegado el contenido.<br />
Dentro de las medidas absolutas encontramos:<br />
<strong>in (pulgadas)</strong>, <strong>cm (centímetros), </strong><strong>mm (milímetros), </strong><strong>pt (puntos)</strong>, <strong>pc (picas), </strong><strong>px (pixeles)</strong></p>
<p>En las <strong>unidades relativas</strong> depende de la altura del elemento en el que se esta usando, aunque si hablamos de texto depende de las preferencias del browser.<br />
Por eso lo denominamos relativo ya que depende directamente del tamaño de fuente por defecto del usuario.<br />
<strong>em</strong>, <strong>ex</strong></p>
<p>La <strong>unidad porcentaje</strong> la recomiendo simplemente para cajas de layout, no lo recomiendo para el uso de las <a href="http://www.pablocasuriaga.com/tag/tipografias/" class="st_tag internal_tag" rel="tag" title="Posts tagged with tipografías">tipografías</a> ya que su control no es para nada fácil.<br />
<strong>%</strong></p>
<p>Saludos</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pablocasuriaga.com/equivalencias-de-medidas-en-css/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

