kadunew.com/blog

Dicas e artigos sobre Web Design e Web Standards

Entries Tagged ‘CSS’

Exemplos de menus em CSS

O site styledmenus disponibiliza para download uma série de menus feitos em CSS. É uma ótima fonte de inspirações para seus projetos além de servir como fonte d estudo também.

Deixe um Comentário

Comentários condicionais para o Internet Explorer

Os Comentários condicionais (Conditional Comments) só funcionam para navegadores Internet Explorer, é uma implementação proprietária da Microsoft e serve para as versões 5 e superiores. Utilizamos comentários condicionais para servir uma regra CSS diferente para os navegadores da Microsoft. Só os navegadores da Microsoft leram esses códigos. Podemos ainda escrever uma regra CSS para uma [...]

Deixe um Comentário

Abreviando propriedades CSS

Estava eu hoje pela manhã lendo artigos sobre CSS e achei um muito legal no site Leigeber. Esse artigo mostra como escrever propriedades CSS de forma resumida deixando nosso arquivo css com um tamanho reduzido.
Confira abaixo as propriedades da forma não resumida e a forma resumida:
Margem & Padding
#div {
margin-top: 0;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 15px;

}

#div {
margin:0 5px [...]

Deixe um Comentário

Entendendo a especificidade CSS

O CSS trabalha com três tipos de seletores. Cada um com sua importância. Veja abaixo os seletores em ordem de importância.

Seletores com id. Ex: #menu{declaração}
Seletores com class. Ex: .texto{declaração}
Seletores de elemento. Ex: p{declaração…}

Deixe um Comentário

Centralizando layout com CSS – parte I

Essa é a primeira matéria de como centralizar o site.
Uma dúvida muito comum para quem está iniciando no mundo do CSS é:
“Como faço para centralizar meu layout com CSS.”
Uma forma de mostrar todo seu layout, sem a barra de rolagem na horizontal e independente da resolução do usuário, é definir uma largura fixa para a [...]

Comentário (6)

Bug do Internet Explorer 6 (IE6) – fundo desaparecendo em listas

Esse bug acontece com o Internet Explorer 6 quando colocamos uma lista, ordenada, não ordenada ou de definição, dentro de uma DIV que tenha sido flutuada (left ou right) e ainda que tenha declarada position:relative nela.
O Código para representar o bug:

Deixe um Comentário

Bug do Internet Explorer 6 (IE6) – Margem dobradas

Bugs do Internet Explorer 6 são erros que ocorrem na hora da renderização dos elementos devido esse navegador não seguir os padrões web de desenvolvimento. A Microsoft fez uma grande correção na quantidade dos bugs do Internet Explorer 7 e promete que o seu mais novo navegador, o Internet Explorer 8, seja 100% padrões web.
Como [...]

Deixe um Comentário

Css TypeSet Gerador de CSS

Css TypeSet é um conversor de texto para CSS.
È uma ótima ferramenta online, que converte automaticamente em CSS as formatações escolhidas por você, em palavras ou bloco de texto.
Entre as formatações que você pode fazer estão: cor do texto, cor de fundo, espaçamento entre os caracteres e estilos.
Depois de fazer a formatação, é só copiar [...]

Deixe um Comentário

Posicionamento relativo, absoluto, static e fixed em CSS

Posicionamento relativo:
Ao declararmos position:relative sozinha não causa nenhum efeito no posicionamento. Se usarmos ela em conjunto com as propriedades top, right, bottom e left, movimenta o bloco de sua posição inicial para uma posição conforme declarado nas propriedades citadas.
O bloco sai de sua posição original e o espaço que ela ocupava é preservado.
Veja o exemplo:
CSS
div#dois [...]

Comentário (2)

Elementos inline e nível de bloco

Para um bom entendimento da renderização dos elementos HTML é necessário o entendimento de elementos níveis de bloco, inline e os invisíveis. Conhecendo bem esses conceitos, evitamos o uso inadequado de elementos HTML e marcação adicional.
Elementos níveis de bloco
Elementos nível de bloco ocupam toda largura disponível na página e criam uma linha invisível antes e [...]

Comentários (1)