Categoria: 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.
-
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 e
-
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…}
-
Centralizando layout com CSS – parte II
No último post sobre CSS vimos como centralizar o layout utilizando margens automáticas, propriedade margin:o auto. Nesse segundo post sobre centralizar layout usando CSS vou mostrar uma oura forma. A técnica consiste em declarar posicionamento relativo e margem negativa para a div. Nesse modo não precisamos colocar a declaração text-align:center no body, como foi feito…
-
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…
-
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.…
-
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,…
-
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.…
-
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ível de bloco Elementos nível de bloco ocupam toda largura disponível na página e criam uma linha invisível…
-
Introdução as CSS
Não satisfeito com a maneira que as páginas da Internet eram formatadas o Norueguês Håkon Wium Lie cria em 1994 as CSS. CSS é a abreviação para o termo em inglês Cascading Style Shet, traduzido para o português como folha de estilo em cascata. A definição para CSS que está no site do W3C é:…