Como trabalhar com layouts em CSS3
Para escolher um layout especial no CSS3 de dynamic drive, clique em seu link. Você verá uma página que contém uma melhor apresentação do layout no topo. O texto contido no layout é de enchimento para que você possa avaliar melhor como o layout vai se sentir com o conteúdo nele. Você pode tentar redimensionar o navegador para ver como o layout vai olhar para diferentes tamanhos.
Na parte inferior da mesma página, você vê o CSS usado para criar a aparência da página. O código aparece em uma CSS interna
O código fornece uma página inteira que você pode usar para testes. Os seguintes passos dizer como acessar o código.
Clique em Expandir.
Você vê a área do código da página expandir para mostrar todo o código usado para criar o layout.
Clique em Selecionar Código.
A página seleciona todo o código na área de código para você.
direita; clique no código destacado e escolha Copiar no menu de contexto.
A técnica precisa utilizar varia de acordo com navegador e plataforma. Por exemplo, você pode pressionar Ctrl + C em sistemas Windows ou Command + C em sistemas Mac para executar a mesma tarefa. A ideia é fazer com que o código colocado na área de transferência.
Abra o seu editor e colar o conteúdo da área de transferência em um novo arquivo.
Você vê o mesmo exemplo que apareceu no site do Dynamic Drive.
Salve o novo arquivo.
Use um nome de arquivo que representa o layout selecionado.
Carregar o arquivo no seu browser.
Você vê o exemplo completo Dynamic Drive para o layout.
Para usar o layout em sua própria página, basta copiar o conteúdo do
No entanto, você deve tomar nota dos estilos usados com elementos no layout da página. Estes estilos e seus associados