<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-3467171532731400563</id><updated>2012-01-11T16:10:59.825-08:00</updated><category term='Webdesign'/><category term='Música'/><category term='ptc'/><category term='acessibilidade'/><category term='Firefox'/><category term='cobaia'/><category term='web'/><category term='humor'/><title type='text'>Blog do cobaia</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>11</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-38658210826090004</id><published>2008-09-20T17:59:00.000-07:00</published><updated>2008-09-20T18:27:49.372-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='ptc'/><title type='text'>Sites Paid to Click (PTC)</title><content type='html'>Talvez você nunca tenha ouvido falar ou até mesmo já teve algum conhecimento sobre PTCs (Paid to Click - Pago para Clicar). Quem já conhece sabe que nesses sites você é pago lendo emails, anúncios, clicando em banners, etc... Selecionei aqui uma lista de alguns dos melhores PTCs, PTRs nacionais e até internacionais. Aqui você é pago em reais, dólar, euro e até libra.&lt;br /&gt;&lt;br /&gt;Todos atualizados e pagando pontualmente.&lt;br /&gt;&lt;br /&gt;Participando dos sites, poderá atingir uma renda extra superior à USD $100 dólares por mês, mas claro que deverá indicar uma boa quantidade de amigos também. Você Pode indicar através do Orkut, Gazzag, fóruns espalhados pela internet, NewsGroups e outras formas de divulgação. Assim ganhará parte dos lucros de seus colegas e também dos indicados por eles, triplicando sua renda.&lt;br /&gt;&lt;br /&gt;Todos os sites Internacionais e alguns nacionais, exigirão que você possua uma conta e-gold ou paypal para receber seus pagamentos.&lt;span style=";font-family:Verdana;font-size:85%;"  &gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;b&gt;&lt;span style="color: rgb(255, 0, 0);"&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;LISTA DOS MELHORES SITES PTC:&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;a href="http://bux.to/?r=marcusantonius8" target="_blank"&gt;Bux.to&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.bux3.com/?r=marcusantonius8" target="_blank"&gt;bux 3&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://world-bux.com/?r=marcusantonius8" target="_blank"&gt;World Bux&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.ptindex.com/?r=marcusantonius8" target="_blank"&gt;PT Index&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;&lt;a href="http://www.buxout.com/?r=marcusantonius8" target="_blank"&gt;&lt;br /&gt;&lt;img src="http://buxout.com/banner2.gif" border="0" /&gt;&lt;br /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href="http://www.neobux.com/?r=marcusantonius" target="_blank"&gt;&lt;img src="http://www.neobux.com/imagens/banner1.gif" border="0" height="60" width="468" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.titanclicks.com/index.php?ref=marcusantonius88" target="_blank"&gt;&lt;img src="http://www.titanclicks.com/banners/46860tc1.gif" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;a href="http://bux.to/?r=marcusantonius8" target="_blank"&gt;&lt;br /&gt;&lt;/a&gt;&lt;a href="http://www.ptindex.com/?r=marcusantonius8" target="_blank"&gt;&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-38658210826090004?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/38658210826090004/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=38658210826090004' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/38658210826090004'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/38658210826090004'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2008/09/sites-paid-to-click-ptc.html' title='Sites Paid to Click (PTC)'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-8632345911268327751</id><published>2008-09-11T17:10:00.000-07:00</published><updated>2008-09-11T19:02:56.124-07:00</updated><title type='text'>A Verdade Sobre o 11 de Setembro</title><content type='html'>Bem, hoje faz 7 anos que ocorreram os ataques a torres gêmeas do World Trade Center, e ainda há pessoas que ainda acham que o culpado desse ataque foi Osama Bin Laden (por falar nisso, por  onde anda Osama?). Que isso tudo foi mérito do terrorismo.&lt;br /&gt;É meus amigos, realmente não temos dúvidas que foi terrorismo, mas os verdadeiros terroristas não são os que vocês pensam que são....&lt;br /&gt;&lt;br /&gt;Bom como acho que  uma imagem vale mais que mil palavras, então um vídeo deve valer bem mais não é?&lt;br /&gt;&lt;br /&gt;Esses videos são partes do documentario Zeitgeist, que vocês podem conferir completo &lt;a href="http://video.google.com/videoplay?docid=-1437724226641382024" target="_blank"&gt;aqui.&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;O vídeo fala da conspiração americana que foi o 11/9. E mostra várias evidências e argumentos provando isso.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt; O mundo todo é um palco - Parte II do Documentário&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;parte I:&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="344" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/W_m3O08_1DM&amp;amp;hl=pt-br&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;embed src="http://www.youtube.com/v/W_m3O08_1DM&amp;amp;hl=pt-br&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;parte II:&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="344" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/kcp7zhps9_M&amp;amp;hl=pt-br&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;embed src="http://www.youtube.com/v/kcp7zhps9_M&amp;amp;hl=pt-br&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;b&gt;parte III:&lt;/b&gt;&lt;br /&gt;&lt;br /&gt;&lt;object height="344" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/GHGG7LAJfQE&amp;amp;hl=pt-br&amp;amp;fs=1"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;embed src="http://www.youtube.com/v/GHGG7LAJfQE&amp;amp;hl=pt-br&amp;amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="344" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-8632345911268327751?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/8632345911268327751/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=8632345911268327751' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/8632345911268327751'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/8632345911268327751'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2008/09/verdade-sobre-o-11-de-setembro.html' title='A Verdade Sobre o 11 de Setembro'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-6423635108829846682</id><published>2008-06-03T21:03:00.000-07:00</published><updated>2008-06-03T21:18:12.912-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Firefox'/><title type='text'>Mouse Gestures</title><content type='html'>Bom,  fazia um "tempinho" que não postava nada (só uns 8 meses!!!!!!) então resolvi RESSUSCITAR  o BLOG DO COBAIA (enquanto não ressuscito também o site).&lt;br /&gt;&lt;br /&gt;E para começar essa nova fase. vou mostrar um complemento do firefox que fiquei louco por ele! Porque ele é muito massa pois com apenas algum movimento do mouse você pode executar comandos como voltar uma página web, ou fechar uma aba, abrir uma nova aba ou um novo documento.. enfim tudo (ou quase) o que vc quiser!!!! Eu estou falando do Mouse Gestures&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp2.blogger.com/_SEhWSw-Pql8/SEYVVam1aKI/AAAAAAAAAF4/x1xnNGyhqrk/s1600-h/banner.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp2.blogger.com/_SEhWSw-Pql8/SEYVVam1aKI/AAAAAAAAAF4/x1xnNGyhqrk/s400/banner.png" alt="" id="BLOGGER_PHOTO_ID_5207873476764199074" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;O Mouse Gestures nada mais é do que uma extensão que intende os 'gestos do mouse'. Com esses gestos você pode fazer o que quiser com o Firefox, como por exemplo voltar, avançar e atualizar as paginas visitadas, abrir a lista de downloads, extenões e temas, adcionar a pagina ao favoritos e tudo o que quiser.&lt;br /&gt;&lt;br /&gt;Basta você precionar o botão direito do mouse e movimenta-lo! É muito interessante o modo de se navegar assim, no começo pode ser dificil, mas depois de se acostumar você verá como é legal.&lt;br /&gt;&lt;br /&gt;Você pode instalar  &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/39" target="_blank"&gt;clicando aqui&lt;/a&gt; e aprender a usá-lo  &lt;a href="http://www.mousegestures.org/exchange/index.php" target="_blank"&gt;clicando aqui &lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-6423635108829846682?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/6423635108829846682/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=6423635108829846682' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/6423635108829846682'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/6423635108829846682'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2008/06/bom-fazia-um-tempinho-que-no-postava.html' title='Mouse Gestures'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp2.blogger.com/_SEhWSw-Pql8/SEYVVam1aKI/AAAAAAAAAF4/x1xnNGyhqrk/s72-c/banner.png' height='72' width='72'/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-2614813569078128590</id><published>2007-10-21T13:56:00.000-07:00</published><updated>2007-10-21T14:59:59.816-07:00</updated><title type='text'>Tudo (ou quase tudo) o que você precisa saber para COMEÇAR em CSS</title><content type='html'>Bom, eu não vou começar a falar da história do CSS ou falar de todas as cores de todos os padroes, ou todo esse bla bla bla que "certas" pessoas ensinam (ou pensam que estão ensinando alguma coisa dessa forma), então vamos ao que interessa: PRÁTICA!&lt;br /&gt;&lt;br /&gt;As folhas de estilo podem ser vinculadas a um documento de três maneiras distintas:&lt;br /&gt;&lt;br /&gt;1.&lt;span style="font-style: italic;"&gt; Importadas ou lincadas;&lt;/span&gt;&lt;br /&gt;2. &lt;span style="font-style: italic;"&gt;Incorporadas;&lt;/span&gt;&lt;br /&gt;3. &lt;span style="font-style: italic;"&gt;Inline.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;h2&gt;Folha de estilo externa&lt;/h2&gt;   &lt;p&gt;Uma folha de estilo é dita externa, quando as regras &lt;abbr title="Cascading Style Sheet"&gt;CSS&lt;/abbr&gt; estão declaradas em um documento a parte do documento &lt;abbr title="Hyper Text Markup Language"&gt;HTML&lt;/abbr&gt;. A folha de estilo é um arquivo separado do arquivo html e que tem a extensão &lt;span class="dest"&gt;.css&lt;/span&gt;&lt;/p&gt;   &lt;p&gt; Uma folha de estilo externa é ideal p&lt;/p&gt;&lt;p&gt;ara ser aplicada a várias páginas. Com uma folha de estilo externa , você pode mudar a aparência de um site inteiro mudando um arquiv&lt;/p&gt; &lt;p&gt;o apenas (o arquivo da folha de estilo). &lt;/p&gt;   &lt;p&gt;O arquivo &lt;span class="dest"&gt;css&lt;/span&gt; da folha de estilo extern&lt;/p&gt; &lt;p&gt;a deverá ser lincado ou importado ao documento &lt;abbr&gt;HTML&lt;/abbr&gt;,&lt;code&gt;&lt;/code&gt; dentro da tag &lt;code&gt;&lt;&gt;&lt;/code&gt; do documento. A sintaxe geral para lincar uma folha de estilo chamada &lt;/p&gt; &lt;p&gt;&lt;span class="dest"&gt;estilo.css&lt;/span&gt; é mos&lt;/p&gt; &lt;p&gt;trada abaixo.&lt;/p&gt;   &lt;pre&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp0.blogger.com/_SEhWSw-Pql8/RxvFNHmLi5I/AAAAAAAAABc/JAAEFATJsS0/s1600-h/css.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp0.blogger.com/_SEhWSw-Pql8/RxvFNHmLi5I/AAAAAAAAABc/JAAEFATJsS0/s400/css.JPG" alt="" id="BLOGGER_PHOTO_ID_5123905830232230802" border="0" /&gt;&lt;/a&gt;&lt;/pre&gt;    &lt;p&gt;A sintaxe geral para importar uma folha de estilo chamada &lt;span class="dest"&gt;estilo.css&lt;/span&gt; é mostrada abaixo:&lt;/p&gt;   &lt;h2&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_SEhWSw-Pql8/RxvF3XmLi6I/AAAAAAAAABk/WJSeixSTBlY/s1600-h/ccs2.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_SEhWSw-Pql8/RxvF3XmLi6I/AAAAAAAAABk/WJSeixSTBlY/s400/ccs2.JPG" alt="" id="BLOGGER_PHOTO_ID_5123906556081703842" border="0" /&gt;&lt;/a&gt;&lt;/h2&gt;O browser lerá as regras de estilo do arquivo &lt;span class="dest"&gt;estilo.css&lt;/span&gt;,  e formatará o documento de  acordo com elas.   &lt;p&gt;Uma folha de estilo externa pode ser escrita em qualquer editor de texto. O arquivo não deve conter nenhuma tag &lt;abbr&gt;HTML&lt;/abbr&gt;. As folhas de estilo devem  ser "salvas" com uma extensão &lt;span class="dest"&gt;.css&lt;/span&gt;&lt;/p&gt;   &lt;h2&gt;Folha de estilo incorporada ou interna&lt;/h2&gt;   &lt;p&gt; Uma folha de estilo é dita incorporada ou interna, quando as regras &lt;abbr&gt;CSS&lt;/abbr&gt; estão declaradas no próprio documento &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;&lt;p&gt;Uma folha de estilo incorporada ou interna, é ideal para ser aplicada a uma única página. Com uma folha de estilo incorporada ou interna, você pode mudar a aparência de somente um documento, aquele onde a folha de estilo esta incorporada.&lt;/p&gt; &lt;p&gt; &lt;/p&gt;&lt;p&gt; As regras de estilo, válidas para o documento, são declaradas na seção &lt;code&gt;&lt;/code&gt;&lt;&gt; do documento com a tag de estilo  &lt;&gt;,  conforme sintaxe mostrada abaixo:&lt;code&gt;&lt;style&gt;&lt;/code&gt;, conforme sintaxe mostrada abaixo: &lt;/p&gt;   &lt;pre&gt;&lt;code&gt;&lt;head&gt;&lt;br /&gt;...........&lt;br /&gt;&lt;style type="text/css"&gt;&lt;br /&gt;&lt;strong&gt;&lt;!--&lt;/strong&gt;&lt;br /&gt;body {&lt;br /&gt;background: #000000;&lt;br /&gt;url("imagens/minhaimagem.gif");&lt;br /&gt;}&lt;br /&gt;h3 {&lt;br /&gt;color: #FF0000;&lt;br /&gt;}&lt;br /&gt;p {&lt;br /&gt;margin-left: 15px;&lt;br /&gt;padding:1.5em;&lt;br /&gt;}&lt;br /&gt;&lt;strong&gt;--&gt;&lt;/strong&gt;&lt;br /&gt;&lt;/style&gt;&lt;br /&gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;&lt;code&gt;&lt;/code&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp3.blogger.com/_SEhWSw-Pql8/RxvGp3mLi7I/AAAAAAAAABs/xj4RHPAM5us/s1600-h/css3.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp3.blogger.com/_SEhWSw-Pql8/RxvGp3mLi7I/AAAAAAAAABs/xj4RHPAM5us/s400/css3.JPG" alt="" id="BLOGGER_PHOTO_ID_5123907423665097650" border="0" /&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;  &lt;/p&gt;&lt;p&gt;O browser lerá agora as regras de estilo na própria página, e  formatará o documento de acordo com elas. &lt;/p&gt;&lt;p&gt;&lt;strong&gt;Nota:&lt;/strong&gt; Um browser ignora normalmente as tags desconhecidas. Isto significa que um browser velho que não suporte estilos, ignorará a tag &lt;code&gt;&lt;style&gt;&lt;/style&gt;&lt;/code&gt;, mas o conteúdo da tag será mostrado na tela. É possível impedir que um browser velho mostre o conteúdo &lt;/p&gt; &lt;p&gt;da tag, "escondendo-o" através do uso da marcação de comentário do &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;&lt;p&gt;Observe a inclusão dos símbolos &lt;code&gt;&lt;!--&lt;/code&gt;  (abre comentário)  &lt;code&gt;--&gt;&lt;/code&gt; (fecha  comentário) no código acima.&lt;/p&gt;   &lt;h2&gt;Folha de estilo inline&lt;/h2&gt; &lt;h2&gt; &lt;/h2&gt;   &lt;p&gt;Uma folha de estilo é dita inline, quando as regras &lt;abbr&gt;CSS&lt;/abbr&gt; estão declaradas dentro da tag do elemento  &lt;abbr&gt;HTML&lt;/abbr&gt;. &lt;/p&gt;&lt;p&gt; Um  estilo inline só se aplica a um elemento &lt;abbr&gt;HTML&lt;/abbr&gt;. Ele perde muitas das vantagens de folhas de estilo pois mistura o conteúdo com a apresentação. Use este método excepcionalmente, como quando quiser aplicar um estilo a uma única ocorrência de um elemento. &lt;/p&gt;   &lt;p&gt;A sintaxe para aplicar estilo inline é mostrada a seguir:&lt;/p&gt;&lt;h2&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp1.blogger.com/_SEhWSw-Pql8/RxvHQXmLi8I/AAAAAAAAAB0/gV4bm4Qu9Mo/s1600-h/css4.JPG"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://bp1.blogger.com/_SEhWSw-Pql8/RxvHQXmLi8I/AAAAAAAAAB0/gV4bm4Qu9Mo/s400/css4.JPG" alt="" id="BLOGGER_PHOTO_ID_5123908085090061250" border="0" /&gt;&lt;span style="font-family: monospace;"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/h2&gt;&lt;br /&gt;Agora, as propriedades mais importantes do CSS:&lt;br /&gt;&lt;br /&gt;&lt;h1&gt;&lt;span style="font-size:130%;"&gt;A propriedade font&lt;/span&gt;&lt;br /&gt;&lt;/h1&gt;    &lt;p&gt;As propriedades para as fontes, definem as características (os valores na regra CSS) das letras que constituem os textos dentro dos elementos &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;  &lt;p&gt;As  propriedades básicas para fontes e que abordaremos neste tutorial são  as listadas abaixo:&lt;/p&gt;  &lt;ul&gt;&lt;li&gt;color:...................cor da fonte&lt;/li&gt;&lt;li&gt;font-family:..........tipo de fonte&lt;/li&gt;&lt;li&gt;font-size:.............tamanho de fonte&lt;/li&gt;&lt;li&gt;font-style:............estilo de fonte&lt;/li&gt;&lt;li&gt;font-variant:.........fontes maiúsculas de menor altura&lt;/li&gt;&lt;li&gt;font-weight:.........quanto mais escura a fonte é (negrito)&lt;/li&gt;&lt;li&gt;font:....................maneira abreviada para todas     as propriedades&lt;/li&gt;&lt;/ul&gt;  &lt;h2&gt;&lt;span style="font-size:100%;"&gt;Valores válidos para as propriedades da fonte&lt;/span&gt;&lt;/h2&gt;  &lt;ul&gt;&lt;li&gt;&lt;strong&gt;color:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; código hexadecimal: #FFFFFF&lt;/li&gt;&lt;li&gt;código rgb: rgb(255,235,0)&lt;/li&gt;&lt;li&gt;nome da cor: red, blue, green...etc&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;font-family:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt;family-name: define-se pelo nome da fonte,&lt;br /&gt;p. ex:"verdana",       "helvetica", "arial", etc.&lt;/li&gt;&lt;li&gt; generic-family: define-se pelo nome genérico,&lt;br /&gt;p. ex:"serif",       "sans-serif", "cursive", etc. &lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;font-size: &lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; xx-small&lt;/li&gt;&lt;li&gt;x-small&lt;/li&gt;&lt;li&gt;small&lt;/li&gt;&lt;li&gt;medium&lt;/li&gt;&lt;li&gt;large&lt;/li&gt;&lt;li&gt;x-large&lt;/li&gt;&lt;li&gt;xx-large&lt;/li&gt;&lt;li&gt;smaller&lt;/li&gt;&lt;li&gt;larger&lt;/li&gt;&lt;li&gt;length: uma medida reconhecida pelas &lt;abbr title="Cascading Style Sheet"&gt;CSS&lt;/abbr&gt;   (px, pt, em, cm, ...) &lt;/li&gt;&lt;li&gt;%&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;font-style:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt;normal: fonte normal na vertical&lt;/li&gt;&lt;li&gt;italic: fonte inclinada&lt;/li&gt;&lt;li&gt;oblique:fonte obliqua&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;font-variant:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; normal: fonte normal&lt;/li&gt;&lt;li&gt;small-caps: transforma em maiúsculas de menor altura&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;font-weight:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt;normal&lt;/li&gt;&lt;li&gt;bold&lt;/li&gt;&lt;li&gt;bolder&lt;/li&gt;&lt;li&gt;lighter&lt;/li&gt;&lt;li&gt;100&lt;/li&gt;&lt;li&gt;200&lt;/li&gt;&lt;li&gt;300&lt;/li&gt;&lt;li&gt;400&lt;/li&gt;&lt;li&gt;500&lt;/li&gt;&lt;li&gt;600&lt;/li&gt;&lt;li&gt;700&lt;/li&gt;&lt;li&gt;800&lt;/li&gt;&lt;li&gt;900&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;/ul&gt;&lt;span style="font-size:130%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;h1&gt;&lt;span style="font-size:130%;"&gt;A propriedade text&lt;br /&gt;&lt;/span&gt;&lt;/h1&gt;     &lt;p&gt;As propriedades para textos, definem as características (os valores na regra &lt;abbr title="Cascading Style Sheet"&gt;CSS&lt;/abbr&gt;) dos textos inseridos dentro dos elementos &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;  &lt;p&gt;As  propriedades para textos são  as listadas abaixo:&lt;/p&gt;  &lt;ul class="boxtut"&gt;&lt;li&gt;color.....................cor do texto;&lt;/li&gt;&lt;li&gt;letter-spacing........espaçamento entre letras;&lt;/li&gt;&lt;li&gt;word-spacing.........espaçamento entre palavras; &lt;/li&gt;&lt;li&gt;text-align..............alinhamento do texto;&lt;/li&gt;&lt;li&gt;text-decoration......decoração do texto; &lt;/li&gt;&lt;li&gt;text-indent............recuo do texto;&lt;/li&gt;&lt;li&gt;text-transform.......forma das letras;&lt;/li&gt;&lt;li&gt;direction...............direção do texto; &lt;/li&gt;&lt;li&gt;white-space.........como o browser trata os espaços em branco;&lt;/li&gt;&lt;/ul&gt;   &lt;h2&gt;&lt;span style="font-size:100%;"&gt;Valores válidos para as propriedades do texto&lt;/span&gt;&lt;/h2&gt;   &lt;ul class="boxtut"&gt;&lt;li&gt;&lt;strong&gt;color:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; código hexadecimal: #FFFFFF&lt;/li&gt;&lt;li&gt;código rgb: rgb(255,235,0)&lt;/li&gt;&lt;li&gt;nome da cor: red, blue, green...etc&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;letter-spacing:&lt;/strong&gt;    &lt;ol&gt;&lt;li&gt; normal: é o espaçamento default&lt;/li&gt;&lt;li&gt; lenght: uma medida reconhecida pelas &lt;abbr&gt;CSS&lt;/abbr&gt; (px, pt, em, cm, ...) São       válidos valores negativos &lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;word-spacing: &lt;/strong&gt;    &lt;ol&gt;&lt;li&gt; normal: é o espaçamento default&lt;/li&gt;&lt;li&gt; lenght: uma medida reconhecida pelas &lt;abbr&gt;CSS&lt;/abbr&gt; (px, pt, em, cm, ...) São       válidos valores negativos &lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;text-align:&lt;/strong&gt;    &lt;ol&gt;&lt;li&gt;left: alinha o texto a esquerda&lt;/li&gt;&lt;li&gt;right: alinha o texto a direita&lt;/li&gt;&lt;li&gt;center: alinha o texto no centro&lt;/li&gt;&lt;li&gt;justify: força o texto a ocupar toda a extensão da linha       da esquerda a direita&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;text-decoration:&lt;/strong&gt;    &lt;ol&gt;&lt;li&gt; none: nenhuma decoração&lt;/li&gt;&lt;li&gt;underline: coloca sublinhado no texto&lt;/li&gt;&lt;li&gt;overline: coloca um sobrelinhado no texto&lt;/li&gt;&lt;li&gt;line-through: coloca uma linha em cima do texto&lt;/li&gt;&lt;li&gt;blink: faz o texto piscar&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;text-indent:&lt;/strong&gt;    &lt;ol&gt;&lt;li&gt; lenght: uma medida reconhecida pelas &lt;abbr&gt;CSS&lt;/abbr&gt; (px, pt, em, cm, ...)&lt;/li&gt;&lt;li&gt;% : porcentagem da largura do elemento pai&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;text-transform:&lt;/strong&gt;    &lt;ol&gt;&lt;li&gt; none: texto normal&lt;/li&gt;&lt;li&gt;capitalize: todas as primeiras letras do texto em maiúsculas&lt;/li&gt;&lt;li&gt;uppercase: todas as letras do texto em maiúsculas&lt;/li&gt;&lt;li&gt;lowercase: todas as letras do texto em minúsculas&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;direction:&lt;/strong&gt;    &lt;ol&gt;&lt;li&gt; ltr: texto escrito da esquerda para a direita&lt;/li&gt;&lt;li&gt;rtl: texto escrito da direita para a esquerda &lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;white-space:&lt;/strong&gt;    &lt;ol&gt;&lt;li&gt; normal: os espaços em branco serão ignorados pelo browser&lt;/li&gt;&lt;li&gt;pre: os espaços em branco serão preservados pelo browser&lt;/li&gt;&lt;li&gt;nowrap: o texto será apresentado todo ele numa linha única       na tela. Não há quebra de linha até ser encontrada       uma tag &lt;&gt;&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;h1&gt;&lt;span style="font-size:100%;"&gt;A propriedade  &lt;code&gt;margin&lt;/code&gt;&lt;br /&gt;&lt;/span&gt;&lt;/h1&gt;   &lt;h2&gt;&lt;span style="font-size:100%;"&gt;&lt;abbr title="Hyper Text Markup Language"&gt;&lt;br /&gt;&lt;/abbr&gt;&lt;/span&gt;&lt;/h2&gt;  &lt;p&gt;A propriedade para margens, define um valor para espessura das margens dos elementos &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;&lt;p&gt;As  propriedades para margens são  as listadas abaixo:&lt;/p&gt;  &lt;/li&gt;&lt;li&gt;margin-top..........define a margem superior;&lt;/li&gt;&lt;li&gt;margin-right........define a margem direita;&lt;/li&gt;&lt;li&gt;margin-bottom.......define a margem inferior; &lt;/li&gt;&lt;li&gt;margin-left.........define a margem esquerda;&lt;/li&gt;&lt;li&gt;margin..............&lt;strong&gt;maneira abreviada para todas     as margens&lt;/strong&gt;&lt;/li&gt;&lt;/ul&gt;   &lt;h2&gt;&lt;span style="font-size:85%;"&gt;Valores válidos para a propriedade &lt;code&gt;margin&lt;/code&gt;&lt;/span&gt;&lt;/h2&gt;    &lt;ol class="boxtut"&gt;&lt;li&gt;&lt;span class="dest"&gt;auto&lt;/span&gt;: valor default da margem&lt;/li&gt;&lt;li&gt;&lt;span class="dest"&gt;length&lt;/span&gt;: uma medida reconhecida pelas &lt;abbr title="Cascading Style Sheet"&gt;CSS&lt;/abbr&gt; (px, pt, em, cm, ...)&lt;/li&gt;&lt;li&gt;&lt;span class="dest"&gt;%&lt;/span&gt;: porcentagem da largura do elemento pai&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;h1&gt;&lt;span style="font-size:100%;"&gt;:: A propriedade border ::&lt;/span&gt;&lt;/h1&gt;    &lt;p&gt;As propriedades para as bordas, definem as características (os valores na regra &lt;abbr title="Cascading Style Sheet"&gt;CSS&lt;/abbr&gt;) das quatro bordas de um elemento &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;&lt;p&gt;As  propriedades para as bordas são  as listadas abaixo:&lt;/p&gt;  &lt;ul class="boxtut"&gt;&lt;li&gt;border-width:................espessura da borda&lt;/li&gt;&lt;li&gt;border-style:................estilo da borda&lt;/li&gt;&lt;li&gt;border-color:................cor da borda&lt;/li&gt;&lt;li&gt;-----------------------------------------&lt;/li&gt;&lt;li&gt;border-top-width:............espessura da borda superior&lt;/li&gt;&lt;li&gt;border-top-style:............estilo da borda superior&lt;/li&gt;&lt;li&gt;border-top-color:............cor da borda superior&lt;/li&gt;&lt;li&gt;-----------------------------------------&lt;/li&gt;&lt;li&gt;border-right-width:.........espessura da borda direita&lt;/li&gt;&lt;li&gt;border-right-style:..........estilo da borda direita&lt;/li&gt;&lt;li&gt;border-right-color:..........cor da borda direita&lt;/li&gt;&lt;li&gt;-----------------------------------------&lt;/li&gt;&lt;li&gt;border-bottom-width:.........espessura da borda inferior&lt;/li&gt;&lt;li&gt;border-bottom-style:.........estilo da borda inferior&lt;/li&gt;&lt;li&gt;border-bottom-color:.........cor da borda inferior&lt;/li&gt;&lt;li&gt;-----------------------------------------&lt;/li&gt;&lt;li&gt;border-left-width:...........espessura da borda esquerda&lt;/li&gt;&lt;li&gt;border-left-style:...........estilo da borda esquerda&lt;/li&gt;&lt;li&gt;border-left-color:...........cor da borda esquerda&lt;/li&gt;&lt;li&gt;-----------------------------------------&lt;/li&gt;&lt;li&gt;border-top:...&lt;strong&gt;maneira abreviada para todas  as propriedades     da borda superior&lt;/strong&gt;&lt;/li&gt;&lt;li&gt;border-right:..&lt;strong&gt;maneira abreviada para todas  as propriedades     da borda direita &lt;/strong&gt;&lt;/li&gt;&lt;li&gt;border-bottom:..&lt;strong&gt;maneira abreviada para todas  as propriedades     da borda inferior&lt;/strong&gt;&lt;/li&gt;&lt;li&gt;border-left:..&lt;strong&gt;maneira abreviada para todas  as propriedades     da borda esquerda&lt;/strong&gt;&lt;/li&gt;&lt;li&gt;border:.........&lt;strong&gt;maneira abreviada para todas  as quatro     bordas&lt;/strong&gt;&lt;/li&gt;&lt;/ul&gt;  &lt;h2&gt;&lt;span style="font-size:85%;"&gt;Valores válidos para as propriedades das bordas&lt;/span&gt;&lt;/h2&gt;  &lt;ul class="boxtut"&gt;&lt;li&gt;&lt;strong&gt;color:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; código hexadecimal: #FFFFFF&lt;/li&gt;&lt;li&gt;código rgb: rgb(255,235,0)&lt;/li&gt;&lt;li&gt;nome da cor: red, blue, green...etc&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;style: &lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; none: nenhuma borda&lt;/li&gt;&lt;li&gt;hidden: equivalente a none&lt;/li&gt;&lt;li&gt;dotted: borda pontilhada&lt;/li&gt;&lt;li&gt;dashed: borda tracejada&lt;/li&gt;&lt;li&gt;solid: borda contínua&lt;/li&gt;&lt;li&gt;double: borda dupla&lt;/li&gt;&lt;li&gt;groove: borda entalhada &lt;/li&gt;&lt;li&gt;ridge: borda em ressalto&lt;/li&gt;&lt;li&gt;inset: borda em baixo relevo&lt;/li&gt;&lt;li&gt;outset: borda em alto relevo&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;width:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt;thin: borda fina&lt;/li&gt;&lt;li&gt;medium: borda média&lt;/li&gt;&lt;li&gt;thick: borda grossa&lt;/li&gt;&lt;li&gt;length: uma medida reconhecida pelas &lt;abbr&gt;CSS&lt;/abbr&gt; (px, pt, em, cm, ...)&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;h1&gt;&lt;span style="font-size:100%;"&gt;A propriedade padding&lt;/span&gt;&lt;br /&gt;&lt;/h1&gt;     &lt;p&gt;A propriedade para espaçamentos (alguns traduzem como "enchimento"), define um valor para os espaçamentos entre o conteúdo e as bordas dos elementos &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;  &lt;p&gt;As  propriedades para espaçamentos são  as listadas abaixo:&lt;/p&gt;  &lt;ul class="boxtut"&gt;&lt;li&gt;padding-top..........define a espaçamento superior;&lt;/li&gt;&lt;li&gt;padding-right........define a espaçamento direita;&lt;/li&gt;&lt;li&gt;padding-bottom.......define a espaçamento inferior; &lt;/li&gt;&lt;li&gt;padding-left.........define a espaçamento esquerda;&lt;/li&gt;&lt;li&gt;padding..............&lt;strong&gt;maneira abreviada para todas os     espaçamentos&lt;/strong&gt; &lt;/li&gt;&lt;/ul&gt;   &lt;h2&gt;&lt;span style="font-size:85%;"&gt;Valores válidos para as propriedades de espaçamento&lt;/span&gt;&lt;/h2&gt; &lt;ol class="boxtut"&gt;&lt;li&gt;&lt;span class="dest"&gt;auto&lt;/span&gt;: valor default da margem&lt;/li&gt;&lt;li&gt;&lt;span class="dest"&gt;length&lt;/span&gt;: uma medida reconhecida pelas &lt;abbr title="Cascading Style Sheet"&gt;CSS&lt;/abbr&gt; (px, pt, em, cm, ...)&lt;/li&gt;&lt;li&gt;&lt;span class="dest"&gt;%&lt;/span&gt;: porcentagem da largura do elemento pai&lt;/li&gt;&lt;/ol&gt;&lt;br /&gt;&lt;h1&gt;&lt;span style="font-size:100%;"&gt;A propriedade background&lt;br /&gt;&lt;/span&gt;&lt;/h1&gt;      &lt;p&gt;A propriedade background define as características (os valores na regra &lt;abbr title="Cascading Style Sheet"&gt;CSS&lt;/abbr&gt;) do fundo dos elementos &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;   &lt;p&gt;As  propriedades background são  as listadas abaixo:&lt;/p&gt;  &lt;ul class="boxtut"&gt;&lt;li&gt;background-color............... cor do fundo;&lt;/li&gt;&lt;li&gt;background-image............. imagem de fundo;&lt;/li&gt;&lt;li&gt;background-repeat............. maneira como a imagem de fundo é     posicionada; &lt;/li&gt;&lt;li&gt;background-attachment.......se a imagem de fundo "rola" ou não     com a tela;&lt;/li&gt;&lt;li&gt;background-position............como e onde a imagem de fundo é     posicionada; &lt;/li&gt;&lt;li&gt;background........................&lt;strong&gt;maneira abreviada     para todas as propriedades&lt;/strong&gt;;&lt;/li&gt;&lt;/ul&gt;     &lt;h2&gt;&lt;span style="font-size:85%;"&gt;Valores válidos para as propriedades do fundo&lt;/span&gt;&lt;/h2&gt;   &lt;ul class="boxtut"&gt;&lt;li&gt;&lt;strong&gt;background-color:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; código hexadecimal: #FFFFFF&lt;/li&gt;&lt;li&gt;código rgb: rgb(255,235,0)&lt;/li&gt;&lt;li&gt;nome da cor: red, blue, green...etc&lt;/li&gt;&lt;li&gt;transparente: transparent&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;background-image:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; URL: url(caminho/imagem.gif)&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;background-repeat: &lt;/strong&gt; &lt;ol&gt;&lt;li&gt; não repete: no-repeat&lt;/li&gt;&lt;li&gt;repete vertical e horizontal: repeat&lt;/li&gt;&lt;li&gt;repete vertical: repeat-y&lt;/li&gt;&lt;li&gt;repete horizontal: repeat-x&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;background-attachment:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; imagem fixa na tela: fixed&lt;/li&gt;&lt;li&gt;imagem "rola" com a tela: scroll&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;strong&gt;background-position:&lt;/strong&gt;     &lt;ol&gt;&lt;li&gt; x-pos y-pos&lt;/li&gt;&lt;li&gt;x-% y-%&lt;/li&gt;&lt;li&gt;top left&lt;/li&gt;&lt;li&gt;top center&lt;/li&gt;&lt;li&gt;top right&lt;/li&gt;&lt;li&gt;center left&lt;/li&gt;&lt;li&gt;center center&lt;/li&gt;&lt;li&gt;center right&lt;/li&gt;&lt;li&gt;bottom left&lt;/li&gt;&lt;li&gt;bottom center&lt;/li&gt;&lt;li&gt;bottom right&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;&lt;h1&gt;&lt;span style="font-size:100%;"&gt;A propriedade &lt;code&gt;list&lt;/code&gt;&lt;br /&gt;&lt;/span&gt;&lt;/h1&gt;      &lt;p&gt;A propriedade list define as características (valores) das listas  &lt;abbr&gt;HTML&lt;/abbr&gt;.&lt;/p&gt;&lt;p&gt;As  propriedades list são  as listadas abaixo:&lt;/p&gt;  &lt;ul class="boxtut"&gt;&lt;li&gt;list-style-image............. imagem como marcador da lista;&lt;/li&gt;&lt;li&gt;list-style-position..........onde o marcador da lista é posicionado;    &lt;/li&gt;&lt;li&gt;list-style-type...............tipo do marcador da lista;&lt;/li&gt;&lt;li&gt;list-style........................&lt;strong&gt;maneira abreviada     para todas as propriedades&lt;/strong&gt;;&lt;/li&gt;&lt;/ul&gt;     &lt;h2&gt;&lt;span style="font-size:85%;"&gt;Valores válidos para as propriedades do lista&lt;/span&gt;&lt;/h2&gt;   &lt;ul class="boxtut"&gt;&lt;li&gt;&lt;code&gt;list-style-image&lt;/code&gt;:     &lt;ol&gt;&lt;li&gt; none&lt;/li&gt;&lt;li&gt;URL: url(caminho/marcador.gif)&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;code&gt;list-style-position&lt;/code&gt;:     &lt;ol&gt;&lt;li&gt; outside: marcador fora do alinhamento do texto&lt;/li&gt;&lt;li&gt; inside: marcador alinhado com texto&lt;/li&gt;&lt;/ol&gt;   &lt;/li&gt;&lt;li&gt;&lt;code&gt;list-style-type&lt;/code&gt;:      &lt;ol&gt;&lt;li&gt;none: sem marcador&lt;/li&gt;&lt;li&gt;disc: círculo (bolinha cheia)&lt;/li&gt;&lt;li&gt;circle: circunferência (bolinha vazia)&lt;/li&gt;&lt;li&gt;square: quadrado cheio&lt;/li&gt;&lt;li&gt;decimal: números 1, 2, 3, 4, ...&lt;/li&gt;&lt;li&gt;decimal-leading-zero&lt;/li&gt;&lt;li&gt;lower-roman: romano minúsculo i, ii, iii, iv, ...&lt;/li&gt;&lt;li&gt;upper-roman: romano maiúsculo I, II, III, IV, ...&lt;/li&gt;&lt;li&gt;lower-alpha: letra minúscula a, b, c, d, ...&lt;/li&gt;&lt;li&gt;upper-alpha: letra maiúscula A, B, C, D, ...&lt;/li&gt;&lt;li&gt;lower-greek&lt;/li&gt;&lt;li&gt;lower-latin&lt;/li&gt;&lt;li&gt;upper-latin&lt;/li&gt;&lt;li&gt;hebrew&lt;/li&gt;&lt;li&gt;armenian&lt;/li&gt;&lt;li&gt;georgian&lt;/li&gt;&lt;li&gt;cjk-ideographic&lt;/li&gt;&lt;li&gt;hiragana&lt;/li&gt;&lt;li&gt;katakana&lt;/li&gt;&lt;li&gt;hiragana-iroha&lt;/li&gt;&lt;li&gt;katakana-iroha&lt;/li&gt;&lt;/ol&gt;&lt;/li&gt;&lt;/ul&gt;BONUS!&lt;br /&gt;&lt;br /&gt;&lt;h3&gt;POSITION&lt;/h3&gt;  &lt;p&gt;O atributo POSITION pode receber três valores:&lt;/p&gt; &lt;ul&gt;&lt;li&gt;&lt;strong&gt;absolute:&lt;/strong&gt; é o único que permite a sobreposição      de camadas e com ele você determina uma posição em relação      à página que criou e pronto. Posicionamento absoluto;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;relative:&lt;/strong&gt; esse valor define que o texto terá posições      relativas ao resto da página, e com isso ele não pode se sobrepor,      mas ainda é capaz de reconhecer alguns atributos interessantes. Posicionamento      relativo;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;estatic:&lt;/strong&gt; determina que ele não reconhecerá      nenhum posicionamento especial determinado pelo controle de camadas. Posicionamento      estático.&lt;/li&gt;&lt;/ul&gt;  &lt;p&gt; &lt;/p&gt; &lt;h3&gt;LEFT&lt;/h3&gt; &lt;p&gt;Define a distância que a camada vai ficar da borda esquerda do navegador    ou do elemento-pai. Pode assumir os valores absolutos, relativos ou &lt;span class="pre"&gt;auto&lt;/span&gt;    (automático).&lt;/p&gt; &lt;p&gt;Observação: os valores absolutos aceitam os valores de acordo    com a definição de formatos descritos no item &lt;strong&gt;"Formatos    de tamanho"&lt;/strong&gt;.&lt;/p&gt;  &lt;h3&gt;RIGHT&lt;/h3&gt; &lt;p&gt;Define a distância que a camada terá da borda direita do navegador    ou do elemento-pai. Pode assumir os valores absolutos, relativos ou &lt;span class="pre"&gt;auto&lt;/span&gt;    (automático).&lt;/p&gt; &lt;p&gt;Observação: os valores absolutos aceitam os valores de acordo    com a definição de formatos descritos no item &lt;strong&gt;"Formatos    de tamanho"&lt;/strong&gt;.&lt;/p&gt;  &lt;h3&gt;TOP&lt;/h3&gt; &lt;p&gt;Define a distância que a camada terá do topo do navegador ou do    elemento-pai. Pode assumir os valores absolutos, relativos ou &lt;span class="pre"&gt;auto&lt;/span&gt;    (automático).&lt;/p&gt; &lt;p&gt;Observação: os valores absolutos aceitam os valores de acordo    com a definição de formatos descritos no item &lt;strong&gt;"Formatos    de tamanho"&lt;/strong&gt;.&lt;/p&gt;  &lt;h3&gt;BOTOM&lt;/h3&gt; &lt;p&gt;Define a distância que a camada terá da parte inferior do navegador    ou do elemento-pai. Pode assumir os valores absolutos, relativos ou &lt;span class="pre"&gt;auto&lt;/span&gt;    (automático).&lt;/p&gt; &lt;p&gt;Observação: os valores absolutos aceitam os valores de acordo    com a definição de formatos descritos no item &lt;strong&gt;"Formatos    de tamanho"&lt;/strong&gt;.&lt;/p&gt;  &lt;h3&gt;Z-INDEX&lt;/h3&gt; &lt;p&gt;Determina a ordem de empilhamento dos elementos. Aceita o valor &lt;span class="pre"&gt;auto&lt;/span&gt;    (automático) e número, onde quanto maior o valor, mais alta é    a camada.&lt;/p&gt;  &lt;p&gt; &lt;/p&gt; &lt;h3&gt;VISIBILITY&lt;/h3&gt; &lt;p&gt;Esse estilo é utilizado para ocultar um elemento. Um elemento invisível    ainda ocupa espaço na página. Os valores válidos são:    &lt;span class="pre"&gt;visible&lt;/span&gt; (visível), &lt;span class="pre"&gt;hidden&lt;/span&gt;    (oculto) e &lt;span class="pre"&gt;inherit&lt;/span&gt; (herda o atributo da camada superior,    padrão).&lt;/p&gt;  &lt;h3&gt;OVERFLOW&lt;/h3&gt; &lt;p&gt;Determina como vai se comportar o conteúdo da camada quando os seus    limites forem menores que o seu conteúdo. Os valores válidos são:    &lt;span class="pre"&gt;visible&lt;/span&gt; (visível, redimensiona a camada para    apresentar seu conteúdo), &lt;span class="pre"&gt;hidden&lt;/span&gt; (oculta, ignora    o conteúdo excedente da camada), &lt;span class="pre"&gt;scroll&lt;/span&gt; (apresenta    a barra de rolagem na camada) e &lt;span class="pre"&gt;auto&lt;/span&gt; (apresenta a barra    de rolagem para a camada caso seja necessária).&lt;/p&gt;&lt;br /&gt;&lt;h3&gt;DISPLAY&lt;/h3&gt; &lt;p&gt;Identifica quando e se um elemento deve ser exibido:&lt;/p&gt; &lt;ul&gt;&lt;li&gt;&lt;strong&gt;block:&lt;/strong&gt; como um bloco, com quebra de linha antes e depois      do elemento. Cria uma nova caixa em relação aos elementos ao      redor (valor padrão);&lt;/li&gt;&lt;li&gt;&lt;strong&gt;inline:&lt;/strong&gt; sem quebra de linha antes e depois do elemento;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;list-item:&lt;/strong&gt; o mesmo que block, exceto que um marcador list-item      é adicionado;&lt;/li&gt;&lt;li&gt;&lt;strong&gt;none:&lt;/strong&gt; é invisível e não ocupa espaço      na página. Desativa a apresentação do elemento em qualquer      situação, incluindo os elementos secundários.&lt;/li&gt;&lt;/ul&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-2614813569078128590?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/2614813569078128590/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=2614813569078128590' title='5 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/2614813569078128590'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/2614813569078128590'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/10/tudo-ou-quase-tudo-o-que-voc-precisa.html' title='Tudo (ou quase tudo) o que você precisa saber para COMEÇAR em CSS'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_SEhWSw-Pql8/RxvFNHmLi5I/AAAAAAAAABc/JAAEFATJsS0/s72-c/css.JPG' height='72' width='72'/><thr:total>5</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-2417687948366342001</id><published>2007-10-19T15:07:00.000-07:00</published><updated>2007-10-19T15:08:50.815-07:00</updated><title type='text'>Quanto vale seu blog?</title><content type='html'>Se você é um blogueiro, e sempre quis saber quanto vale seu blog, acesse este site, ele diz qual o preço do seu blog:&lt;br /&gt;&lt;br /&gt;http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth/&lt;br /&gt;&lt;br /&gt;e aí? seu blog vale muito? da pra comprar um hot-dog na esquina?! HEHE!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-2417687948366342001?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/2417687948366342001/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=2417687948366342001' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/2417687948366342001'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/2417687948366342001'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/10/quanto-vale-seu-blog.html' title='Quanto vale seu blog?'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-3109367600465408240</id><published>2007-10-19T14:42:00.000-07:00</published><updated>2007-10-19T14:57:58.744-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Webdesign'/><title type='text'>Como economizar energia mudando cores do site</title><content type='html'>Se você fizer algumas mudanças no seu site poderá diminuir o aquecimento global da Terra. Quando você acessa um site com fundo branco e cores claras o consumo de energia do monitor chega a 74watts. Um site com cores mais escuras gera consumo de 59watts. Veja uma paleta de cores para desenvolvimento de sites como baixo consumo de energia (o branco não deve ser usado como cor de fundo)&lt;br /&gt;&lt;br /&gt;    * #822007 (vermelho oxidado)&lt;br /&gt;    * #000000 (preto)&lt;br /&gt;    * #b2bbc0 (azul cinza)&lt;br /&gt;    * #19472a (verde floresta)&lt;br /&gt;    * #3d414c (cobalto)&lt;br /&gt;    * #ffffff (branco) &lt;br /&gt;&lt;br /&gt;Se o Google mudasse a cor de fundo do site de branco para preto isto representaria uma economia mundial de 3.000 MEGAwatts/hora. Imagine a quantidade de energia que poderia ser economizada se todos os grandes sites fizessem o mesmo&lt;br /&gt;&lt;br /&gt;Se você visita muito o Google e gostaria de poupar energia e dinheiro&lt;br /&gt;http://www.jabago.com/language-portugese-black-google&lt;br /&gt;&lt;br /&gt;Aqui temos uma tabela de cores e consumo de energia:&lt;br /&gt;White - 74W&lt;br /&gt;Fuchsia - 69W&lt;br /&gt;Yellow - 69W&lt;br /&gt;Aqua - 68W&lt;br /&gt;Silver - 67W&lt;br /&gt;Blue - 65W&lt;br /&gt;Red - 65W&lt;br /&gt;Lime - 63W&lt;br /&gt;Gray - 62W&lt;br /&gt;Olive - 61W&lt;br /&gt;Purple - 61W&lt;br /&gt;Teal - 61W&lt;br /&gt;Green - 60W&lt;br /&gt;Maroon - 60W&lt;br /&gt;Navy - 60W&lt;br /&gt;Black - 59W&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-3109367600465408240?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/3109367600465408240/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=3109367600465408240' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/3109367600465408240'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/3109367600465408240'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/10/como-economizar-energia-mudando-cores.html' title='Como economizar energia mudando cores do site'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-6106760495055507939</id><published>2007-06-22T07:57:00.000-07:00</published><updated>2007-06-22T08:00:46.812-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='web'/><title type='text'>Desenvolvedor Analfabeto</title><content type='html'>A vantagem de ministrar cursos e fazer palestras é o contato com um número grande de profissionais da área. São pessoas diferentes com experiências e conhecimentos diferentes. Não é de hoje que tenho contato com desenvolvedores que ainda usam programas WYSIWYG para levar seus projetos. A idéia dos programas WYSIWYG é fantástica, pena que não funciona direito.&lt;br /&gt;&lt;br /&gt;Vai ser difícil haver programas WYSIWYG que faça um código tão bom quanto o código feito na unha. Por conta disso o desenvolvedor tem que corrigir as falhas que o programa acaba plantando, perdendo um bocado de tempo e fazendo com que ele não tenha controle nenhum sobre o próprio código.&lt;br /&gt;&lt;br /&gt;Desenvolvedores que usam tais programas ficam simplesmente analfabetos. Ou seja, ele não sabe escrever um simples código HTML porque simplesmente ficou anos desenvolvendo sites no modo VISUAL e não teve contato nenhum com o código gerado. Resultado: desenvolvedores analfabetos e incompletos.&lt;br /&gt;Leia bem: desenvolvedor que não sabe código HTML e CSS, não é desenvolvedor, é apenas um cara que sabe usar uma ferramenta e não sabe resolver problemas concretos. Que desenvolvedor é esse que precisa de um programa WYSIWYG para poder arrumar uma linha de código com defeito?&lt;br /&gt;&lt;br /&gt;Costumo dizer para designers para web que bato papo por aqui que designer completo, hoje em dia, tem que saber fazer includes na linguagem que os seus programadores utilizam. Porque? Oras bolas.&lt;br /&gt;O cara vai fazer o design no Photoshop, Illustrator, seja lá o que ele usa (Fireworks não, por favor!), depois, ele ataca XHTML e CSS, deixa o layout do jeito que ele imaginou, sem defeito. Logo após ele cria os includes só para o programador ficar feliz? Claro que não. Ele cria os includes porque assim ele mantém a exatidão do seu layout mesmo depois que sair de sua mão.&lt;br /&gt;Ser designer de web não é só gestalt, teoria das cores e outras coisinhas… É saber HTML/CSS, saber fazer includes em PHP, ASP, PYTHON, RUBY e sei lá o quê. É saber o que é uma variável e se bobear até saber criar um if.&lt;br /&gt;&lt;br /&gt;Isso tudo não se faz com perfeição e rapidez usando muletas WYSIWYG. O desenvolvedor fica preso num programa que o faz perder conhecimento. O desenvolvedor fica analfabeto, sem saber o que é e como faz HTML. Sem saber como funciona CSS. E isso faz parte do trabalho dele! Isso é o trabalho dele.&lt;br /&gt;&lt;br /&gt;Se você é um destes profissionais, use algum editor de verdade. Aprenda e pratique código na unha. Se alfabetize. Isso te valoriza como profissional, te dá mais conhecimento técnico, ajuda sua empresa, seus colegas de trabalho e valoriza muito o nosso mercado.&lt;br /&gt;&lt;br /&gt;fonte: &lt;a href="http://www.tableless.com.br"&gt;tableless&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-6106760495055507939?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/6106760495055507939/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=6106760495055507939' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/6106760495055507939'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/6106760495055507939'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/06/desenvolvedor-analfabeto.html' title='Desenvolvedor Analfabeto'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-5593553680416268054</id><published>2007-05-30T19:57:00.000-07:00</published><updated>2007-05-30T20:07:31.333-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Música'/><title type='text'>O Bom e Velho Rock n' Roll!!!!!!!!!</title><content type='html'>Nossa! Essa banda mostra que liberdade de expressão não tem idade. A banda The Zimmers britânica integrada por 40 pessoas, todas com mais de 90 anos de idade, está causando sensação na internet cantando uma versão do clássico My Generation , dos roqueiros The Who.&lt;br /&gt;E Viva o Bom e Velho Rock n' Roll!!!!!!!!!&lt;br/&gt;&lt;br /&gt;&lt;object width="425" height="350"&gt;&lt;param name="movie" value="http://www.youtube.com/v/zqfFrCUrEbY"&gt;&lt;/param&gt;&lt;param name="wmode" value="transparent"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/zqfFrCUrEbY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-5593553680416268054?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/5593553680416268054/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=5593553680416268054' title='1 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/5593553680416268054'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/5593553680416268054'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/05/o-bom-e-velho-rock-n-roll.html' title='O Bom e Velho Rock n&apos; Roll!!!!!!!!!'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>1</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-6272534282144788363</id><published>2007-05-26T20:40:00.000-07:00</published><updated>2007-05-26T20:58:43.266-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='acessibilidade'/><title type='text'>Acessibilidade</title><content type='html'>Acessibilidade é um assunto muito, mas muito importate. Todos, na maioria das vezes, estão de acordo com tudo o que é falado. Acontece que nem sempre colocamos em prática na vida real, ou porque faltou tempo, ou porque o produto ficaria caro, ou qualquer outra desculpinha.&lt;br /&gt;&lt;br /&gt;O pessoal da Acesso Digital criou um vídeo que mostra, a queima roupa, as dificuldades que pessoas com dificuldade motora e visual tem ao acessar a internet. Vendo de perto as dificuldades, podemos mensurar os benefícios que 4 ou 5 linhas de código a mais trariam.&lt;br /&gt;&lt;br /&gt;O vídeo mostra alguns problemas com suas simples soluções. Você pode aplicar hoje ainda essas soluções e criar um hábito de implementar essas técnicas na implementação do site.&lt;br /&gt;&lt;br /&gt;Abaixo, veja o vídeo na íntegra e de sua opinião.&lt;br /&gt;&lt;br /&gt;&lt;object width='425' height='342'&gt;&lt;param name='flashvars' value='prefix=videos&amp;v=ad/3e/230205&amp;id_video=230205&amp;' /&gt;&lt;embed width='425' height='342' align='middle' allowFullScreen='true' type='application/x-shockwave-flash' flashvars='prefix=videos&amp;v=ad/3e/230205&amp;id_video=230205&amp;' quality='high' src='http://videolog.uol.com.br/swfs/player_externo.swf'/&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;(texto: &lt;a href="http://www.talbeless.com.br"&gt;Tableless&lt;/a&gt;)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-6272534282144788363?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/6272534282144788363/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=6272534282144788363' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/6272534282144788363'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/6272534282144788363'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/05/acessibilidade.html' title='Acessibilidade'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-8872367853906833960</id><published>2007-05-26T20:12:00.000-07:00</published><updated>2007-05-26T20:36:16.115-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='humor'/><title type='text'>Hora de relaxar..</title><content type='html'>Se vc está estressado, desmotivado, sem vontade de cantar uma bela canção... olha pro céu, abre os braços e grita: "vai tomar no cuuuuuuuuuuuuuuuuuuuuuuu!!!!!!!!!!!!!!!!", pois quando vc mandar tomar pela primeira vez, vc vai tomar as rééééééééééédeas da sua vida............ na sua mão!&lt;br /&gt;&lt;br /&gt;&lt;object height="350" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/dHpSCHxb780"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/dHpSCHxb780" type="application/x-shockwave-flash" wmode="transparent" height="350" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;ps.: pra quem adorou a música e sempre que estiver estressado querer ouvi-la, ta &lt;a href="http://www.badongo.com/file/3114336"&gt;aqui&lt;/a&gt; o link pra vc baixar a música em versão mp3 de altsíssima qualidade.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-8872367853906833960?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/8872367853906833960/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=8872367853906833960' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/8872367853906833960'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/8872367853906833960'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/05/hora-de-relaxar.html' title='Hora de relaxar..'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-3467171532731400563.post-3615890939878619316</id><published>2007-05-26T12:25:00.000-07:00</published><updated>2007-06-22T08:01:29.168-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='cobaia'/><title type='text'>FInalizando o COBAIA!</title><content type='html'>Estou quase terminando o layout do COBAIA, o meu, seu e nosso site de testes!&lt;br /&gt;Já implementei quase todo o xhtml/css,  só falta ajeitar o menu que tá meio quebrado ver tbm como ficou o layout no "projeto de browser" que é o IE, que com certeza deve estar "misteriosamente" diferente.&lt;br /&gt;olha só como ta ficando:&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://bp0.blogger.com/_SEhWSw-Pql8/RljFdh5g1nI/AAAAAAAAAAU/RLX7WA59JKU/s1600-h/layout_quase.jpg"&gt;&lt;img style="cursor: pointer;" src="http://bp0.blogger.com/_SEhWSw-Pql8/RljFdh5g1nI/AAAAAAAAAAU/RLX7WA59JKU/s400/layout_quase.jpg" alt="" id="BLOGGER_PHOTO_ID_5069018491711968882" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/3467171532731400563-3615890939878619316?l=blogdocobaia.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogdocobaia.blogspot.com/feeds/3615890939878619316/comments/default' title='Postar comentários'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=3467171532731400563&amp;postID=3615890939878619316' title='0 Comentários'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/3615890939878619316'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/3467171532731400563/posts/default/3615890939878619316'/><link rel='alternate' type='text/html' href='http://blogdocobaia.blogspot.com/2007/05/testando-o-cobaia.html' title='FInalizando o COBAIA!'/><author><name>Marcus Antonius</name><uri>http://www.blogger.com/profile/13850329933968998346</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media='http://search.yahoo.com/mrss/' url='http://bp0.blogger.com/_SEhWSw-Pql8/RljFdh5g1nI/AAAAAAAAAAU/RLX7WA59JKU/s72-c/layout_quase.jpg' height='72' width='72'/><thr:total>0</thr:total></entry></feed>
