Artigos sobre 'CSS'

Ainda sobre layout de três colunas

No artigo Sua primeira vez com XHTML e CSS criei um layout de três colunas que usava a propriedade float com o valor left para posicionar as colunas (divs). Nesse artigo vou usar um método diferente para conseguir o mesmo resultado.

Continuar lendo Março 27th, 2007

Sombra com CSS

É comum vermos em sites, que usam ou não web standards, o efeito sombra. Vi uma sombra dia desses num site por aí e achei interessante como foi feita. Resolvi tentar fazer e agora quero compartilhar o resultado.

Continuar lendo Março 2nd, 2007

Sua primeira vez com XHTML e CSS - Continuação - Inserindo topo e rodapé

Esse artigo é a continuação do Sua primeira vez com XHTML e CSS e, por isso, se você fez a leitura dele, recomendo que faça para poder entender melhor os passos que daremos agora.

No artigo anterior trabalhamos o xhtml e o css para construir um layout com três colunas conforme a idéia abaixo:

layout de 3 colunas

Continuar lendo Fevereiro 8th, 2007

Sua primeira vez com XHTML e CSS em 4 passos

Você quer colocar a mão na massa e montar sua primeira página com a dobradinha XHTML e CSS ? Então vamos lá. Montei quatro arquivos que, na realidade, servirão como quatro passos para alcançarmos o resultado. Primeiramente vou resumir o conteúdo dos arquivos:

1. O XHTML possui uma div, um cabeçalho H1 que é o título do site e um parágrafo. O CSS formata apenas esse elementos da página, ou seja, não há classes ou IDs. As regras do CSS não possuem abreviações, estão “cheias”.
2. Tudo igual ao primeiro arquivo, mas o CSS foi resumido que é para você perceber o quanto pode diminuir o seu código.
3. Divs foram criadas e receberam IDs, mas as regras dos IDs não foram criadas ainda.
4. Criadas as regras para as IDs. São regras que controlam o posicionamento e outras características das divs e fim.

Vamos ver agora o código de cada um deles comentados em seguida:

Continuar lendo Fevereiro 4th, 2007

menos div, mais semântica (mas pode ser: a semântica da caixinha…)

Observe a caixinha que segue e que tem o seguinte código:

Continuar lendo Janeiro 27th, 2007




Posts por Mês

Posts por Categoria