Há bastante tempo não escrevo artigos sobre CSS aqui no blog. Hoje pela manhã resolvi que iria escrever algo falando sobre CSS. Escolhi a propriedade Overflow.
Com a propriedade Overflow (sobrecarga) do CSS, podemos escolher o que deverá acontecer se o conteúdo ultrapassar o tamanho de uma DIV. Podemos adicionar barra de rolagem, ocultar o conteúdo [...]
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.
Navegando nas comunidades de CSS do site de relacionamento mais famoso do mundo(O orkut é claro) encontrei um post muito legal. É um quiz para ver quantas propriedades CSS você é capaz de lembrar em 7 minutos. São ao todo 122 propriedades. É impressionante como na hora do teste da um branco, e esquecemos as [...]
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 [...]
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 [...]
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…}
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 [...]
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 [...]
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:
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 [...]
