Para desenvolver sites utilizando CSS e HTML sempre parece levar em conta a técnica da tentativa e erro. Você pensa que vai ficar de um jeito, codifica e quando visualiza no navegador, parece que alguma coisa saiu errado e você nem faz idéia onde está o problema.
A interpretação das tags e atributos é feita de forma diferente nas versão dos navegadores. Mas como visualizar como o navegador está interpretando o código? Foi desenvolvido uma barra de ferramentas que consegue, entre diversas funções úteis, mostrar onde estão as tags, quais são os atributos CSS, qual é a estrutura da página… Ela foi criada inicialmente para o Firefox, mas já possui sua versão Microsoft.
- Firefox Web Developer Toolbar: https://addons.mozilla.org/extensions/moreinfo.php?id=60
- Internet Explorer Developer Toolbar (beta): http://www.microsoft.com/downloads/details.aspx?FamilyID=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en
Nota: a versão do IE é um beta. Ela trava algumas vezes, mas é possível desativá-la.
2teachers…
…