Como programar em CSS usando Google Chrome

Você está aqui: Home » Blog » Como programar em CSS usando Google Chrome

Hoje vou ensinar como usar o Google Chrome como uma ferramenta de trabalho para programar a parte de estilo CSS do seu site de forma fácil e vendo o resultado na hora.

1.Primeiramente abra o site que você quer testar com o Navegador Google Chrome.

2.Clique com o botão direito da tela e clique em Inspecionar elementos.

3. Selecione qual elemento você quer editar o estilo CSS.

Como Exemplo: Selecionei o elemento <Div id=”Topo”>

4. No bloco ao lado posso ver toda a formatação CSS do Elemento <div id=”topo”>:

elemento-selecionado

5.Clicando sobre o campo Css do elemento <Div id=”Topo”> eu posso editar ou adicionar novas propriedades em CSS e ver instantaneamente no navegador.

Por exemplo se eu mudar a propriedade CSS background-color para outra cor.

exemplo-css-edit-color

Espero ter ajudado. Se te ajudou de alguma forma compartilha para que possa ajudar mais gente.

Está precisando de nossos serviços? Solicite seu orçamento.