The Hello Bar is a simple web toolbar that engages users and communicates a call to action.

28

Mar

Base.CSS


Agora que você já sabe como funciona e como usar o RESET.CSS, se não sabe veja aqui “Reset.CSS“. Vamos para o Base.CSS, criado por Thierry Koblentz, que até o presente momento seria a solução viavel e equiparavel ao Reset, porém sem o problema do aumento de Load.

O Reset.CSS zera todos atributos, certo? e você tem que adicionar atributos novamente, padding, margin, font-size e etc, imagine seu navegador fazendo isso, lê o reset e zera tudo, lê seu style.css e atribui tudo denovo, consome banda, o load aumenta certo? certo!

Como funciona o Base.CSS, é bem simples a principio, ele te dá todos atributos necessarios já preenchidos, paddings, margins, font-sizes, conserta bugs, não só bugs do IE, todo navegador tem probleminhas e ele conserta alguns, e etc.

Como usar?
Você precisa copiar o codigo daqui:

http://tjkdesign.com/ez-css/css/base.css

Para um arquivos base.css ou o nome que você quiser dar.

Por favor, não inclua o link direto no seu html, por motivos de segurança, salve o base.css no seu diretorio de trabalho, e utilize-o de lá, modifique-o claro, nem todos atributos podem estar do jeito que você gosta, fontes, sizes e afins.

Então, como inclui-lo?
Assim:

<link rel="stylesheet" type="text/css" href="base.css" />

Fato interessante sobre o base.css, eu percebi enquanto usava, que não precisei mais de Clearfix para consertar algumas divs que não se alinhavam verticalmente. Ele corrige varios Bugs provenientes do IE6 e seus irmãozinhos.

Qualquer duvida, estamos ae ;)


Sobre Pedro Costa Neves

Webdesigner, Wordpress Ninja, fundador do http://persocon.org e do http://geek-candy.com. Sócio, Co-fundador, Diretor de Arte, Web Developer em !Drop Studio e está procurando emprego em Chapecó se alguem souber avise-me. Você pode entrar em contato comigo através da página de contato neste site ou pelo email neo[at]persocon.org.

  • http://pothix.com/blog PotHix

    Æ!!

    Legal cara! Não conhecia o base!
    Já tinha usado o reset.css uma vez, e é interessante conhecer essa sinergia dos dois. :)

    Há braços

    [Reply]