Pinceladas da Web

Nessa galeria você pode ver os melhores sites de 2007 baseados em XHTML e CSS e ver o poder do que é capaz ter um pouco de criatividade aliado aos WebStandards. Um site que eu achei interessante foi o do Alex Buga:

Infelizmente meu blog não saiu nessa lista, mas vamos ver se ano que vem ele aparece né, pois agora comprei o livro do Maujor, acho que agora aprendo CSS e desenvolvo um layout interessante aqui para o Blog.

Em um post anterior, eu citei as 3 formas mais conhecidas e utilizadas de se inserir CSS em uma página, mas ficou faltando uma, não muito utilizada pela trupe de desenvolvedores, seja por falta de conhecimento ou gosto, mas isso agora não vem ao caso. Para inserir uma folha de estilos via @import em uma página é muito simples, basta você utilizar o seguinte código e colocá-lo no header de sua página:

<style type="text/css">
   @import url("style.css");
</style>

Da forma como foi descrito acima, seu CSS funciona-rá em todos os browsers, dessa outra forma também é válida:

<style type="text/css">
   @import url(style.css);
</style>

Mas, se você inserir dessa forma, por exemplo:

<style type="text/css">
   @import url("style.css") all;
</style>

Ela funcionará em todos os browsers, menos nos IE’s do Windows. Se você quer saber mais sobre esses truques, é bom dar uma olhada nas referências abaixo:

• http://imfo.ru/csstest/css_hacks/import.php
• http://centricle.com/ref/css/filters/
• http://w3development.de/css/hide_css_from_browsers/import/