De tudo mais um pouco

Se você precisa saber como fica visualmente um estilo CSS quando aplicado ou precisa testar vários, recomendo o Simple CSS , com ele você pode ver como ficam diversos estilos aplicados, e melhor de tudo, ele gera o código para que você possa utilizar, abaixo um exemplo de uso com a tag h6 sendo estilizada manualmente:  Em seguida o código gerado para que você possa aplicar em sua página web:    Você também pode exportar para um novo arquivo .css ou mesmo importar outro. Vale bastante para quem está começando a aprender. Clique aqui para ir até a página do programa . Há tanto versões para windows quanto para Mac.

Construindo um template tive que implementar comentários condicionais para fazer certas regras de CSS valerem apenas no Internet Explorer 6, como o blogger possui uma sintaxe própria para interpretar alguns elementos da página, como comentários, deixo abaixo um exemplo de código que eu estava usando e que não funcionava: <!--[if IE]>             <style type="text/css">               .post{                                border-left:#F9D0D5  solid 2px;                 border-right:#F9D0D5  solid 2px;                 ...

Estava eu trabalhando em uma página web, depois de testar em navegadores de verdade(Firefox, Chrome, Opera), vi que no internet explore 6 não aparecei bordas conforme deveria, pesquisando em um site descobri que basta adicionar position:relative ao elemento que se está aplicando a borda, abaixo um exemplo da minha fonte, onde ocorre o problema de bordas: div.group_message_box { margin-top: 5px; border: 1px solid #6699CC; padding: 5px; } Agora com o código corrigido com a adição de position:relative: div.group_message_box { margin-top: 5px; border: 1px solid #6699CC; padding: 5px; position: relative; } No código que implementei funcionou perfeitamente, fica a dica. Fonte:  http://www.anelloconsulting.com/ie6_disappearing_border