técnicas de web design são baseadas em ser capaz de manipular HTML e CSS ; respectivamente , estes são HyperText Markup Language e Cascading Style Sheets. DIVs são elementos HTML usados para separar os diferentes tipos de conteúdo. Para os designers da Web , sendo capaz de manipular visualmente DIVs é uma habilidade crucial. Na verdade , a maioria Web design é baseado em ser capaz de manipular DIVs . Recebendo dois DIVs para ocupar o mesmo espaço em uma janela do navegador pode ser feito. É um pouco contra-intuitivo , mas não exige muito código. Instruções
1
Abra um editor de texto como o Bloco de Notas. Bloco de notas é normalmente encontrado na pasta Acessórios no menu Iniciar
2
Digite o seguinte código: .
< Br >
< /div >
< ; div o código com um " html ". extensão . Abra-o em um navegador web. Um retângulo vermelho e azul será visível. Cada porção de cor é realmente um quadrado dessa cor . Como eles são sobrepostas, a cor cheia de uma das praças não é visível
3
Altere a seguinte linha de código: .
# Div2 {float : left ; width: 300px ; height: 300px ; background-color : blue; margin-left: 50px - }
para que ele lê :
# div2 {float : left; width: 300px ; height: 300px ; background-color : blue; margin-left : . - 300px }
Salve o arquivo e abri-lo em um navegador da web quadrado azul again.The serão sobrepostos completamente o Red
< br >