Referenciamento gratuito de sites Lusofonos e-mail Regista-se como membro
Forum
Capítulo 1 - Introdução

O que é O CSS2 ?

CSS2, ou " Cascading Style Sheet " nível 2, é uma linguagem usada para definir estilos. Na sintaxe CSS os nomes e valores das propriedades são listados dentro de uma chave seguida do critério de selecção para tal estilo, no qual determina-se para quais elementos o estilo será aplicado, como mostra o exemplo na seguinte página.

Este curso uma tecnologia, chamada " stylesheets ", utilizada para melhorar as páginas Web. Usando estilos você pode especificar muitos atributos da sua página, permitindo um grande controle de seus documentos Web. Apesar de ser útil para resolver vários problemas que ocorrem em documentos HTML, os estilos são designados para trabalhar com HTML, onde o documento HTML contém o texto a ser exposto, e o estilo especifica como este conteúdo será formatado e apresentado no navegador. Os estilos podem ser escritos numa linguagem chamada " Cascading Style Sheet ", ou CSS, especificamente designada para documentos electrónicos baseados na Web. Este curso é designado para todos aqueles interessados em conhecer como usar a linguagem " Cascading Style Sheet ", e como aplicar esta nova tecnologia em desenhos de páginas Web. Como base para este estudo é necessário que o leitor já tenha conhecimentos básicos em HTML.

stilos CSS e HTML

Os estilos trabalham associados aos documentos HTML, mas são escritos numa linguagem independente. O quadro abaixo mostra como as instruções do " stylesheet " especifica o formato do parágrafo a ser aplicado no documento HTML e depois como será exibido no navegador. Neste simples exemplo, a letra P inicia o grupo de instrução, que é fechado no final com uma chave. O formato especifica que a margem esquerda do texto será de 5%, o estilo de letra será arial, em itálica e exibida na cor vermelha.

INSTRUÇÕES DE ESTILO

P {
left-margin:5%;
font-family:Arial;
font-style:italic;
text-align:justify;
color:red; }

CONTEÚDO DO DOCUMENTO HTML

Como este elemento não foi definido, ele independente do estilo do parágrafo
<P>Esta frase será disparada no navegador em itálica, na cor vermelha, em arial e a 5% da margem esquerda.
</P>

EXIBIÇÃO NO NAVEGADOR

Como este elemento não foi definido, ele independente do estilo do parágrafo

Esta frase será disparada no navegador em itálica, na cor vermelha, em arial e a 5% da margem esquerda.

Vantagens do uso de CSS

  • Diferentes estilos podem ser aplicados no mesmo documentopermitindo que o autor redireccione seu conteúdo para novos documentos
  • Fácil manutenção do documento - muito mais fácil modificar uma simples página de estilo que todo o documento HTML
  • Consistência do documento - a uniformidade do arranjo é um aspecto importante do desenho do Web site, e o CSS pode garantir que todos os documentos terão o mesmo desenho e arranjo
  • Simplicidade de estilo - a linguagem " stylesheet " pode ser simples, visto que apenas descreve um estilo, e não se preocupa com factores específicos da linguagem HTML

Navegadores que suportam CSS

As páginas Web que usam " Cascading Style Sheets " podem ser visualizadas apropriadamente no Firefox 1x, Opera 3x, Netscape Navigator 4.x (NN4) e no Internet Explorer 4.x (IE4), com poucas exceções - algumas propriedades e valores ainda não são suportados por estes navegadores, como por exemplo {vertical-align}. CSS ainda é uma linguagem relativamente nova, mais sem dúvida, " stylesheet " já é a onda do futuro, com todos os novos navegadores (e muitos editores HTML) mantendo suporte a CSS nos seus mais recentes produtos oferecidos.

Ferramentas de Desenvolvimento

Navegadores que suportam CSS1 e CSS2

OS Comentários em CSS

Os comentários em CSS são fechados com uma barra e um asterisco, e são inseridos no documento apenas para organizar, lembrar, anotar, etc.
Exemplo:

/* Os links visitados e não visitados deste documento serão disparados em vermelho e não sublinhados */
A:link { color: red; text-decoration: none; }
A:visited { color: red; text-decoration: none; }