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”>:
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.
Espero ter ajudado. Se te ajudou de alguma forma compartilha para que possa ajudar mais gente.
Compartilhe no: