<?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>Inércia Sensorial &#187; CSS</title>
	<atom:link href="http://www.inerciasensorial.com.br/category/programacao/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.inerciasensorial.com.br</link>
	<description></description>
	<lastBuildDate>Thu, 12 Nov 2009 18:54:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Estilo de listas com CSS</title>
		<link>http://www.inerciasensorial.com.br/2007/04/16/programacao/css/estilo-de-listas-com-css/</link>
		<comments>http://www.inerciasensorial.com.br/2007/04/16/programacao/css/estilo-de-listas-com-css/#comments</comments>
		<pubDate>Mon, 16 Apr 2007 04:09:59 +0000</pubDate>
		<dc:creator>inerte</dc:creator>
		
	<dc:subject>CSS</dc:subject><dc:subject>css</dc:subject><dc:subject>list</dc:subject><dc:subject>tutorial</dc:subject>
		<guid isPermaLink="false">http://www.inerciasensorial.com.br/2007/04/16/programacao/css/estilo-de-listas-com-css/</guid>
		<description><![CDATA[As seguintes propriedades modificam estilos de listas usando Cascading Style Sheets:

list-style-image: imagem como marcador;
list-style-position: posição do marcador;
list-style-type: tipo de marcador;
list-style: abreviação para múltiplas propriedades;

Como preencher os valores das propriedades:

list-style-image

none
URL: url(diretorio/imagem.extensao)


list-style-position

outside: marcador desalinhado do texto
inside: marcador alinhado com texto


list-style-type

none: sem marcador
disc: círculo (bola pintada)
circle: circunferência (bola vazia)
square: quadrado pintadi
lower-alpha: letra minúscula a, b, c, d, &#8230;
upper-alpha: [...]]]></description>
		<wfw:commentRss>http://www.inerciasensorial.com.br/2007/04/16/programacao/css/estilo-de-listas-com-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Declaração de CSS na página</title>
		<link>http://www.inerciasensorial.com.br/2007/04/13/programacao/css/declaracao-de-css-na-pagina/</link>
		<comments>http://www.inerciasensorial.com.br/2007/04/13/programacao/css/declaracao-de-css-na-pagina/#comments</comments>
		<pubDate>Fri, 13 Apr 2007 19:53:19 +0000</pubDate>
		<dc:creator>inerte</dc:creator>
		
	<dc:subject>CSS</dc:subject><dc:subject>css</dc:subject><dc:subject>tutorial</dc:subject>
		<guid isPermaLink="false">http://www.inerciasensorial.com.br/2007/04/13/programacao/css/declaracao-de-css-na-pagina/</guid>
		<description><![CDATA[Eu costumo colocar todo o código de CSS em arquivos separados mas de vez em quando surge a necessidade de colocá-los no corpo da página, dentro do &#60;head&#62;. Para que eu nunca mais esqueça então, é assim:
PLAIN TEXT
HTML:




&#60;style type="text/css"&#62;


&#60;/style&#62; 






]]></description>
		<wfw:commentRss>http://www.inerciasensorial.com.br/2007/04/13/programacao/css/declaracao-de-css-na-pagina/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Layout de duas colunas com CSS</title>
		<link>http://www.inerciasensorial.com.br/2006/02/18/programacao/css/layout-de-duas-colunas-com-css/</link>
		<comments>http://www.inerciasensorial.com.br/2006/02/18/programacao/css/layout-de-duas-colunas-com-css/#comments</comments>
		<pubDate>Sat, 18 Feb 2006 14:21:43 +0000</pubDate>
		<dc:creator>inerte</dc:creator>
		
	<dc:subject>CSS</dc:subject><dc:subject>css</dc:subject><dc:subject>tutorial</dc:subject>
		<guid isPermaLink="false">http://www.inerciasensorial.com.br/2006/02/18/programacao/layout-de-duas-colunas-com-css/</guid>
		<description><![CDATA[Dizem que o Cálice Sagrado em Cascading Style Sheet é o layout de três colunas fluídas (ou flutuantes, ou ainda, elástico). Mas antes de mostrá-lo, e aliás, ele é relativamente fácil, começarei explicando o layout de duas colunas. Ambos compartilham o mesmo príncipio, então duas colunas com CSS bastarão por enquanto.
Primeiro, comece com as duas [...]]]></description>
		<wfw:commentRss>http://www.inerciasensorial.com.br/2006/02/18/programacao/css/layout-de-duas-colunas-com-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Caixas CSS centralizadas</title>
		<link>http://www.inerciasensorial.com.br/2006/02/16/programacao/css/caixas-css-centralizadas/</link>
		<comments>http://www.inerciasensorial.com.br/2006/02/16/programacao/css/caixas-css-centralizadas/#comments</comments>
		<pubDate>Thu, 16 Feb 2006 11:54:03 +0000</pubDate>
		<dc:creator>inerte</dc:creator>
		
	<dc:subject>CSS</dc:subject><dc:subject>css</dc:subject><dc:subject>tutorial</dc:subject>
		<guid isPermaLink="false">http://www.inerciasensorial.com.br/2006/02/16/programacao/caixas-css-centralizadas/</guid>
		<description><![CDATA[O código abaixo centraliza uma caixa CSS na tela, colocando o tamanho das suas margens em "auto". Não é os infames layouts de duas ou três colunas, mas apenas uma caixa mesmo bem no meio da tela, com os lados esquerdo e direito equidistantes do viewport.
Ótimo para quando você tem uma caixa de tamanho fixo [...]]]></description>
		<wfw:commentRss>http://www.inerciasensorial.com.br/2006/02/16/programacao/css/caixas-css-centralizadas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Múltiplas classes CSS em um mesmo elemento</title>
		<link>http://www.inerciasensorial.com.br/2005/11/16/programacao/css/multiplas-classes-css-em-um-mesmo-elemento/</link>
		<comments>http://www.inerciasensorial.com.br/2005/11/16/programacao/css/multiplas-classes-css-em-um-mesmo-elemento/#comments</comments>
		<pubDate>Wed, 16 Nov 2005 23:49:19 +0000</pubDate>
		<dc:creator>inerte</dc:creator>
		
	<dc:subject>CSS</dc:subject><dc:subject>css</dc:subject><dc:subject>tutorial</dc:subject>
		<guid isPermaLink="false">http://www.inerciasensorial.com.br/?p=69</guid>
		<description><![CDATA[Sim, é possível, e é muito fácil. Para aplicar mais de uma classe em um elemento, basta separar os nomes com espaços, por exemplo:
PLAIN TEXT
HTML:




&#60;span class="nome1 nome2"&#62;lorem ipsum&#60;/span&#62; 






]]></description>
		<wfw:commentRss>http://www.inerciasensorial.com.br/2005/11/16/programacao/css/multiplas-classes-css-em-um-mesmo-elemento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Esticar uma caixa verticalmente com CSS</title>
		<link>http://www.inerciasensorial.com.br/2005/11/10/programacao/css/esticar-uma-caixa-verticalmente-com-css/</link>
		<comments>http://www.inerciasensorial.com.br/2005/11/10/programacao/css/esticar-uma-caixa-verticalmente-com-css/#comments</comments>
		<pubDate>Thu, 10 Nov 2005 19:55:43 +0000</pubDate>
		<dc:creator>inerte</dc:creator>
		
	<dc:subject>CSS</dc:subject><dc:subject>css</dc:subject><dc:subject>tutorial</dc:subject>
		<guid isPermaLink="false">http://www.inerciasensorial.com.br/?p=64</guid>
		<description><![CDATA[Quando você quer esticar uma caixa via CSS para ocupar todo um espaço vertical, a solução mais óbvia é fazer:
PLAIN TEXT
CSS:




.classe &#123;


&#160; width:100%;


&#125; 






E funciona na maioria das vezes. Entretanto, quando o doctype está em modo strict, a caixa não esticará para preencher todo o espaço.
Isso acontece porque no modo strict, uma caixa tem o [...]]]></description>
		<wfw:commentRss>http://www.inerciasensorial.com.br/2005/11/10/programacao/css/esticar-uma-caixa-verticalmente-com-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IFrame em CSS</title>
		<link>http://www.inerciasensorial.com.br/2005/10/26/programacao/css/iframe-em-css/</link>
		<comments>http://www.inerciasensorial.com.br/2005/10/26/programacao/css/iframe-em-css/#comments</comments>
		<pubDate>Wed, 26 Oct 2005 16:21:13 +0000</pubDate>
		<dc:creator>inerte</dc:creator>
		
	<dc:subject>CSS</dc:subject>
		<guid isPermaLink="false">http://www.inerciasensorial.com.br/?p=53</guid>
		<description><![CDATA[Barra de rolagem em uma caixa, com CSS. Parece IFrame mas não é  
Basta usar o estilo:
PLAIN TEXT
CSS:




#id&#123;


height:50px;


width: 200px;


overflow:auto; 






Por exemplo:
PLAIN TEXT
HTML:




&#60;div style="height:50px;width: 200px;overflow:auto;"&#62;


Ipsem Lorem, com texto aleatório.


Ipsem Lorem, com texto aleatório. 


Ipsem Lorem, com texto aleatório. 


Ipsem Lorem, com texto aleatório. 


Ipsem Lorem, com texto aleatório. 


Ipsem Lorem, com texto aleatório. 


Ipsem Lorem, [...]]]></description>
		<wfw:commentRss>http://www.inerciasensorial.com.br/2005/10/26/programacao/css/iframe-em-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
