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 [...]
mar 30, 2009 | By: Raoni Novellino | No Comments
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. [...]
mar 28, 2009 | By: Raoni Novellino | 4 Comments
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 [...]
mar 26, 2009 | By: Raoni Novellino | 1 Comment
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 [...]
mar 21, 2009 | By: Raoni Novellino | 15 Comments
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 [...]
mar 20, 2009 | By: Raoni Novellino | 1 Comment
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 [...]
mar 17, 2009 | By: Raoni Novellino | 1 Comment
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 [...]
mar 17, 2009 | By: Raoni Novellino | 20 Comments
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 [...]
mar 07, 2009 | By: Raoni Novellino | No Comments
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 [...]
mar 07, 2009 | By: Raoni Novellino | 5 Comments
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 [...]
mar 07, 2009 | By: Raoni Novellino | 7 Comments