Archive for março, 2009

CSS Pseudo Elementos: First-Letter, First-Line, Before e After

Os pseudo elementos servem para modificar algumas partes do documento que não ficam na árvore do documento. Se você quer saber como utilizar um pseudo elemento, é como utilizar uma pseudo classe, acesse Entendendo CSS (folhas de estilo): Cascading Style Sheet – Parte 2. Pseudo Elemento First-Letter O pseudo elemento first-letter é utilizado para colocar [...]

Estilo Overflow (CSS Style Overflow)

O estilo overflow do CSS define como o elemento irá se comportar caso o seu conteúdo ultrapasse a sua altura ou largura. O estilo overflow do CSS pode ter os seguintes valores. Visible – Esse é o valor padrão, o elemento não faz nada e o conteúdo que ultrapassar o elemento sera escrito fora dele. [...]

Estilo Clear (CSS Style Clear)

O estilo clear diz em qual lado do elemento não é permitido elementos “flutuantes” (com o estilo float). Valores do Estilo Clear left – Esse valor diz que não podemos ter elementos flutuando a esquerda desse elemento. right – Esse valor diz que não podemos ter elementos flutuando a direita desse elemento. both – Esse [...]

Popup com DIV sem Nova Janela (Float Popup)

Nesse post vou mostrar como fazer uma janela popup sem que o navegador abra realmente uma nova janela, com a tag div. Isso é bom pois todos os navegadores hoje bloqueiam popup de nova janela, mas é muito díficil ter bloqueado o Javascript, que é o que utilizaremos também para fazer o div aparecer e [...]

Como Funciona a Tabela (tag <table>) HTML

A tabela HTML serve para exibir elementos tabelados, mas ela pode servir para fazer todas as partes do site, todo o formato do site. Atualmente o formato do site pode e deve ser feita sem tabelas, que é o que chamamos de tableless (sem tabela, mas isso é assunto para um post futuro). Vamos colocar [...]

Propriedade Display do Elemento (CSS)

Uma propriedade interessante dos elementos HTML é o display, ele define como o elemento deve ser renderizado (exibido) no navegador. A propriedade display pode ter vários valores, mas aqui vou abordar os mais utilizados e que funcionam na maioria dos navegadores. Display O valor da propriedade display pode ser: inline: – Esse é o valor [...]

Fazendo um Menu com MouseOver e MouseOut (Menu RollOver)

Um menu RollOver é aquele menu que muda alguma coisa quando o mouse passa sobre um item do menu, normalmente muda as cores de fundo, mas pode mudar imagens também. Nesse post vou mostrar o código HTML para gerar o menu e também um pouco de Javascript que precisaremos para fazer a mudança. Primeiro mostrarei [...]

Serviço de Validação de CSS

Existe um site que tem um serviço de validação do CSS, você pode enviar o arquivo, colocar o caminho do arquivo caso o arquivo esteja na internet ou colar o seu código CSS para ele validar. O site é: Serviço de Validação de CSS do W3C. Entre no site e teste, ele mostra alguns relatórios [...]

Entendendo CSS (folhas de estilo): Cascading Style Sheet – Parte 1

Para entender como uma folha de estilo em cascata (CSS ou Cascading Style Sheet) funciona, você deve estar em sintonia com a sua sintaxe. A sintaxe do CSS não é difícil de entender e aqui vou explicar o básico para você poder ler ou criar uma folha de estilos (CSS). O Básico Para definir uma [...]

Entendendo CSS (folhas de estilo): Cascading Style Sheet – Parte 2

Na primeira parte vimos como podemos colocar um estilo no nosso documento HTML. Nessa parte vamos ver um pouco de sintaxe do CSS e como utilizar. Para ver a primeira parte entre em: Entendendo CSS (folhas de estilo): Cascading Style Sheet – Parte 1. Atribuindo Estilo a Todas as Tags de um Tipo Para atribuir [...]