CSS: Bordas arredondadas para quem tem pressa

Arredondar bordas no CSS nunca foi uma tarefa muito agradável. Você precisa recortar as imagens, fazer algumas piruetas com as tags e nem sempre você consegue deixar como esperado. Se você está com pressa e precisa dos divs redondinhos right now!, dê uma olhada nas alternativas que separei para você: CSS Rounded Box Generator cria [...]

18 Comments

CSS: Truques para dominar a propriedade Float

O float é uma propriedade meio imprevisível no CSS. Este é um tutorial explicando passo-a-passo o seu funcionamento com alguns macetes que você não encontrará em nenhum site de referência CSS. Para começar, vou usar uma estrutura Html simples com 3 tags Div: <div class=”tudo”> <div class=”menu”>Menu</div> <div class=”conteudo”>Conteúdo</div> </div> O Float é uma propriedade [...]

156 Comments ,

Como anular o estilo definido pelas tags Font

Mesmo trabalhando somente dentro dos padroes web, algumas vezes chega um ou outro HTML feito nos moldes antigos para trabalhar o layout. E nas situacoes mais criticas, esses codigos estao tao sujos que fica impossivel controlar os estilos usando um CSS de fora. Boa parte das propriedades CSS tem uma definicao chamada Inherit, que e [...]

4 Comments

Quantas propriedades CSS você lembraria em 7 minutos?

Vi a brincadeira no blog do Helder que conheci hoje mesmo. Um site disponibiliza uma contagem regressiva e desafia você a lembrar de todas as 122 propriedades do CSS 2.0 em menos de 7 minutos. 54 Clique na imagem para testar seus conhecimentos, é um bom passatempo. Só não vale roubar! =)

3 Comments ,

Como fazer um arquivo CSS dinâmico

Muita gente acha que linguagens como o PHP servem somente para desenvolvimento de HTML, porém, contudo e todavia é sim possível fazer com que o servidor interprete o PHP dentro de outros tipos de extensão. O Apache é configurado por um arquivo mestre chamado httpd.conf e opcionalmente podem haver configurações para cada diretório utilizando arquivos [...]

13 Comments , ,

Economizando código no CSS: Margin, Border e Padding

Continuando com o uso de abreviações em CSS vamos aprender a definir usando pouco código as propriedades margin, border e padding de um elemento. Antes de tudo precisamos entender como funciona esse rendering. Veja uma figura que ilustra o posicionamento de cada uma dessas propriedades: A definição é bem simples: Padding é a distância entre [...]

4 Comments