desenvolvedores da Web usam HTML e CSS para criar sites que ficam bem em qualquer browser moderno. Estas duas tecnologias , quando usadas em conjunto, permitem que os designers para criar sites complexos e belos , sem recorrer a layouts baseados em tabelas , o que fez para o código confuso. CSS ainda permite que os designers para codificar facilmente efeitos como alterar a altura ea largura de um elemento quando um visitante do site se move o mouse sobre o elemento. Instruções
1
Abra um editor de texto . Você pode abrir o bloco de notas , clicando no menu Iniciar, em seguida, selecionando "Todos os Programas ", depois " Acessórios ", e , finalmente, clicar em " Bloco de Notas ".
2
Digite o seguinte código para criar um quadrado vermelho que é de 150 pixels de lado
class="block">
< ;/div >
3
Fechar e salvar o documento , quando de nomeação de arquivo , o uso a extensão ". html "
4 .
Abra o arquivo em um navegador da web. Você pode fazer isso arrastando o arquivo em uma janela do navegador. Você deverá ver um quadrado vermelho .
5
Abra o arquivo novamente no bloco de notas . . . Insira o seguinte código logo antes do " " tag
bloco : hover {height : 200px ; width: 200px ;}
Este código diz o quadrado vermelho para redimensionar se a 200 pixels quando o usuário " paira " sobre o elemento com o seu mouse.