Folha de Estilos
Os estilos css
O maior problema que encontramos os que fazemos site é conseguir que seja visto da mesma forma em qualquer navegador. Às vezes terminamos um site que vemos perfeitamente no Explorer mas usando outro navegador como o Firefox, Opera, etc. descobrimos que fica tudo desordenado. É o pior sonho que podemos ter, ah..ah..ah. Isso acontece porque nem todos os navegadores interpretam igual às coisas que escrevemos no código Html.
Aqui entra o nosso tema, para evitar este problema, o melhor é usar os estilos css. Muita gente pensa que é complicado, porém como vamos ir aprendendo aos poucos, não vai ser nada do outro mundo, já verá.
A idéia é colocar no site somente os conteúdos, sem levar em conta cores, tamanhos, larguras e nada de nada, somente conteúdos “puros e duros” esse é o princípio.
Por outro lado criaremos um arquivo à parte onde definiremos todas as características que queremos que tenha cada elemento de cada uma das páginas do site. Por exemplo, se um dia quisermos aumentar o tamanho da letra das páginas somente teremos que indicar em esse arquivo de características e automaticamente o tamanho da letra estará mudado em todas as páginas do site ou naquelas que determinarmos. Genial, não? Como também pode ser usado para mudar o fundo da página, a posição de certo elemento, a cor dos vínculos... tudo que tenha a ver com o modo de apresentação e formato do site ficará definido em esse arquivo de características, beleza?
A Folha de Estilos css
Este arquivo de características chama-se Folha de Estilos e claro que podemos colocar o nome que quisermos mas vamos chamá-lo de estilos.css para não fazer confusão é o melhor. A extensão, .css é obrigatória de todo jeito, seja qual for o nome escolhido.
Conheço um programador, que na verdade o carinha é fera, conhece muito, meio louco também, mas que dá uns nomes que não tem nada a ver, mas nada a ver, por exemplo, chamava de bunda uma parte do código de programação, de xixi outra, dizia que era mais fácil para ele assim porque ficava tudo gravado na cabeça, em um projeto que foi feito programando em C++, sua parte, somente ele mesmo para saber o que estava fazendo e onde estava cada coisa, pouca experiência e a documentação do projeto daquele jeitão e assim é, vivendo, aprendendo, fazendo, aperfeiçoando... Na minha opinião organização é algo fundamental e saber onde está ou como localizar cada coisa é totalmente necessário, simplesmente para não perder tempo.
Bem, voltando ao assunto, por uma parte teremos que criar esse novo arquivo e por outro lado temos que indicar em cada página do nosso site o que tem que ler essa Folha de Estilos para saber como nós queremos que se apresentem os elementos no site.
Criar a Folha de Estilos "estilos.css"
Para criar a folha de estilos voltamos a abrir o Html-kit e ativamos o Workspace para ter na mão o espaço “web-exemplo-ccss-local”. Igual que fizemos para criar a página principal index.html, agora vamos fazer algo parecido para criar o arquivo estilos.css.
Fazemos clic com o botão direito do mouse sobre a pasta “web-exemplo-ccss-local” da janela Workspace e escolhemos New > Create File... Abrirá a janela que pergunta qual o tipo de arquivo quer criar. Escolhemos esse que mostro na imagem abaixo:
Presta atenção na localização, está na primeira lingüeta onde põe “Style Sheets” que significa Folha de Estilo e que escolhemos também “Blank Style Sheet” que traduzindo quer dizer Folha de Estilos em branco. Ao pulsar Ok pergunta o nome que queremos dar ao novo arquivo. Escreva “estilos.css”.
Depois de clicar em Ok aparece este novo arquivo na lista do espaço “web-exemplo-ccss-local” da janela Workspace, nossa Folha de Estilos para variar...em branco.
Isso cada vez tem melhor pinta, verdade?
Relax
Corria o ano de 1991 quando conheci um inesquecível homem que é um fenômeno, um professor de Física, o professor Benê “O terrível”, aqui deixo uma seleção das suas melhores mas somente as melhores piadas que deve continuar contando até hoje...
Batman pegou seu bat-sapato social e seu bat-blazer. Aonde ele foi?
A um Bat-zado…
(dãã)
************************
Dois litros de leite atravessaram a rua e foram atropelados. Um morreu, o outro não, por quê?
Por que um deles era Longa Vida…
(puuutz)
************************
Por que o elefante não pega fogo?
Porque ele já é cinza
(sem comentários)
************************
Se o cachorro tivesse religião,qual seria?
Cão-domblé
(HAHAHA!)
************************
O que o cavalo foi fazer no orelhão?
Passar um trote…
(eu vou chorar!!!)
************************
O que dá o cruzamento de pão, queijo e um macaco?
X-panzé
(notou que eu nem vou comentar, nè?)
************************
O que o tomate foi fazer no banco?
Foi tirar extrato…
(afff…)
************************
O que dá o cruzamento de um português com uma tartaruga?
Um burro de capacete.
(Essa falto pouco!)
************************
Como as enzimas se reproduzem?
Fica uma enzima da outra
(Agüenta aí, já tá acabando!)
************************
Por que a Coca-Cola e a Fanta se dão muito bem?
Porque se a Fanta quebra, a Coca-Cola!
(Sofrível...)
************************
Por que não é bom guardar o quibe no freezer?
Porque lá dentro ele esfirra.
(oh dóóó!!!)
************************
Por que as plantas novinhas não falam?
Porque elas são mudinhas.
(argh…)
************************
O cara é um guinness book (devia entrar para o livro dos recordes), sabe o que é estar um dia atrás do outro escutando isso, é triste, e o pessoal não ria nem por dó, três aulas por semana e sempre uma ou duas eram contatas e os dias que estava mais espirado que contava três, quatro ou até cinco e ria sozinho, um fenômeno, uma tortura... uma pior que outra, o melhor eram as aulas e não estou louco...não sei dizer se além de Física se formou também em Semgraçologia porque era demais, demais...
Menu
