Como depurar css com firebug

Firebug da Mozilla add-on ajuda web designers e programadores que lidam com uma série de linguagens populares para compilar a maioria dos sites e páginas. Um Firebugs idioma ajuda com é em cascata folhas de estilos, ou CSS. CSS é os projetistas da linguagem usar para definir de forma eficiente propriedades para elementos da web, como fronteiras, títulos e fundos. Estes costumavam ser feito com HTML desajeitado. Agora, você pode escrevê-los em CSS e otimizá-los com o Firebug.

instruções

  1. Abra o aplicativo Firebug e usar os menus de fácil utilização e botões de comando para aclimatar-se ao ambiente.

  2. Olhe como CSS usa "cascata" codificação. Firebug exibe o caminho de codificação para um elemento de maneiras que você pode seguir, ajudando a identificar problemas no seu script.

  3. Run Firebug de "sobreposição de gráfica" recurso para ver como o código e os elementos se encaixam. Esta adaptação brilhante faz cristal código claro. Quando você coloca o mouse sobre um pedaço de código, Firebug realmente mostra a imagem do elemento que se aplica, assim você pode ver como o texto informa o objeto.

  4. Operar biblioteca text-editor do Firebug aos comandos de auto-completar. Firebug realmente ajuda você código, completando os seus pensamentos para você. Isso pode ser especialmente útil se você tem uma memória manchada de sintaxe CSS.

  5. Utilize as setas para cima ou para baixo para percorrer todas as possíveis designações para o atributo que você está digitando no "turbo" versão da função auto-completar.

  6. Use Firebug de "incapacitar" comando para derrubar temporariamente fora certos módulos de código para ver como a página funciona sem eles. Esta é outra grande ferramenta de diagnóstico Mozilla oferece para ajudá-lo fazer a codificação mais inteligente.

De esta maneira? Compartilhar em redes sociais:

LiveInternet