{mosauthorinfo} Pequena INTRODUÇÃO:
O que é CSS? (Cascading Style Sheets)
CSS é uma folha de estilo, uma tecnologia utilizada por programadores Web que, normalmente estão 'escondidas' no código fonte do site, para delimitar padrões a serem seguidos por ele mesmo (site). Enfim, é o que os tornam mais exatos, podendo-se padronizar amplamente todo o seu código html (seja o conteúdo em si ou a sua estrutura/layout).
Sejam estes padrões por exemplo:
* Todos os textos dentro de uma tabela deverão possuir cor Azul, serem justificados, em modo negrito.
Assim, em todas as <table></table> que você criar no seu código HTML, terão conseqüentemente, a cor de seu texto azul, justificado e em negrito! Deu para entender? Então eu acredito que você também imagine a tamanha utilidade do CSS para o desenvolvimento de sites Web.
CSS Hack - Parte 1:
Buenas indiada! Sejam bem vindos ao Mambopros e este é o meu primeiro artigo, de muitos evidentemente!Neste artigo, pretendo somente esclarecer um pouco sobre o que é exatamente CSS hack e também, é claro, postar alguns exemplos para que você possa ter uma idéia bem clara do assunto.
CSS hack é quando o programador manipula os códigos CSS, de maneira que ele consiga adaptar o seu código a diferentes tipos de navegadores, (Internet Explorer, Firefox, Opera, Konqueror ...) fazendo com que seu layout não tenha problemas de visualização do usuário final, como por exemplo, quebras de linha ou de tabela etc...
Bom, mas o CSS hack não é programado para ser interpretado pelos browsers Netscape, Firefox, ou Internet Explorer para Mac, e sim para ser funcional ao Internet Explorer para PC´s (Personal computers), e por quê isso? Vamos ver em frente...
Então vamos a um exemplo:
* código normal:
div {
width:500px;
}
No código acima estamos setando que todos os <div> terão 500 pixels de largura.
* código alterado:
div {
width:500px;
_width:400px; */ a posição do hack SEMPRE será após a opção CORRETA. */
}
Já neste código alterado, todos os navegadores vão interpretar o css da mesma forma, ou seja, todos os <div> terão 500 pixels de largura, porém o Internet Explorer para PC´s interpretará a segunda opção, que no caso é de 400 pixels. Não se sabe qual o motivo pelo qual o IE interpreta o _ (underline) na linha de código e portanto seu layout irá funcionar perfeitamente em qualquer browser.
Bom, isso é só um primeiro exemplo. Uma boa fonte que você poderá utilizar para seus hack´s são os sites de busca.
Em um próximo artigo, vou postar mais exemplos. Até lá !!!!
Fontes: [Tableless] [MXstudio] [Google]
| < Anterior | Próximo > |
|---|
Novidade envie para Este endereço de e-mail está protegido contra SpamBots. Você precisa ter o JavaScript habilitado para vê-lo.