Archive for the 'HTML CSS' Category

Estilo Float (CSS Style Float)

Vamos ver como funciona o estilo float (style float) e algumas dicas para que ele possa ser utilizado corretamente. Ele serve para dizer onde o elemento vai “flutuar” na página. Isso é usado em elementos do tipo bloco (block – como <div>, <p>, <img> e outros) para faze-lo ficar exatamente onde você quiser, sem precisar [...]

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 na primeira letra [...]

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.
Hidden
- Todo conteúdo [...]

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 valor diz que não podemos ter elementos [...]

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 [...]

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 padrão para a maioria [...]

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 que podem [...]

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 regra CSS [...]

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 um estilo [...]

CSS Style Position: Diferença entre Relative, Absolute e Static

Um estilo que eu uso muito é o position, ele me permite colocar um elemento exatamente onde eu quero no documento html. Vou explicar a diferença dos valores possíveis do estilo position (static, relative e absolute) e dar um exemplo de funcionamento. Existe um outro valor posível para o estilo position que é o fixed, [...]