Você já se deparou com um site e encontrouvocê está curioso sobre os estilos que eles usaram? Seja você um designer profissional trabalhando em um site ou apenas aprendendo CSS como um hobby ou um projeto paralelo, verificar como diferentes sites implementaram CSS abre sua mente para as várias maneiras de usá-lo em seus próprios projetos. Uso de CSS é uma extensão do Firefox que permite ver as regras de CSS aplicadas a qualquer página da web e também permite exportar a folha de CSS em uma nova guia.
Para usar a extensão, é necessário ter o Firebug instalado, pois ele estende a funcionalidade do Firebug. Depois de instalado, visite um site e abra o Firebug. Uma guia adicional Uso de CSS será adicionado à interface do Firebug. Clique na guia e pressione o Varredura botão. Todas as regras de CSS aplicadas e o número de vezes que cada uma foi usada na página da web serão listadas.
Pode haver mais de um arquivo CSS usado em uma página da web, expanda e recolha-os para ver cada arquivo e seu conteúdo.
Você pode definir a extensão para verificar automaticamente cada página que você visita clicando no Analise automatica botão. O botão ativa e desativa a verificação automática. À medida que você visita cada página de um site, a extensão verifica automaticamente as regras CSS aplicadas e a carrega de acordo. Para visualizar o arquivo CSS, clique no nome do arquivo em negrito em preto e o arquivo será aberto em uma nova guia.
Embora o layout do arquivo CSS possa suportar algumas melhorias, é bom o suficiente para você ter uma idéia de como o estilo foi diferente.
Instale a extensão de uso CSS para o Firefox
Comentários