Introdução a CSS (Cascading Style Sheets)

• Tweet
• Sharebar

• Tweet

Introdução a CSS (Cascading Style Sheets)

Olá pessoal vou começar primeiro dando uma introdução a esta tecnologia CSS, antes de começarmos a trabalhar com está ferramenta.

A Cascading Style Sheet (CSS) é uma ferramenta utilizada para a construção da aparência de páginas para Web. Permite o uso de uma técnica diferente da convencional (HTML puro), possibilitando uma considerável redução no tempo de trabalho.

O recurso, que traduzido significa Folha de Estilo em Cascata, se tornou uma necessidade para quem deseja ser um WebDeveloper (Desenvolvedor Web) e para quem quer criar qualquer projeto para Web. Para utilizar CSS é necessário possuir conhecimentos básicos de HTML, que podem ser adquiridos consultando livros ou tutoriais sobre o assunto, também estarei postando alguns tutoriais.

Para aprendermos CSS serão necessários alguns recursos:

Editor de texto simples como o Notepad (Bloco de Notas) do Windows. Para ter acesso ao programa, acesse Iniciar > Programas > Acessórios ou Iniciar > Executar > notepad. Outros exemplos são o Pico para Linux e o Simple Text para Macintosh (Apple).

Navegador para testar os códigos, como o Opera, Firefox ou Internet Explore, por exemplo.

É importante ressaltar que um editor de texto simples é o ideal para o aprendizado de HTML e CSS, uma vez que não afeta nem modifica o código digitado. Assim, os acertos e erros de codificação serão de responsabilidade de quem digitou o código e não do software utilizado.

Mas afinal, o que é CSS? Trata-se de uma linguagem para estilos que definem o layout de documentos HTML controlando, por exemplo, fontes, cores, margens, linhas, alturas, larguras, imagens de fundo e posicionamento.

A linguagem HTML também pode ser usada para definir o layout de web sites, mas isso não é mais recomendado, de acordo com os padrões da W3C é recomendada à utilização da CSS para o design. Contudo, a CSS proporciona mais opções, é mais precisa e sofisticada, além de ser suportada pela maioria dos navegadores atuais. A principal diferença entre CSS e HTML é que o primeiro é usado para formatar conteúdos e o segundo para conteúdos já estruturados.

Até pouco tempo atrás, a linguagem HTML era usada somente para estruturar textos. Um programador podia marcar seus textos definindo “isto é um cabeçalho” ou “isto é um parágrafo”, usando tags HTML tais como

<h1>

e

<p>

. A medida que a Web ganhou popularidade, os designers precisavam encontrar meios de construir layout para os documentos on-line.

Para suprir essa necessidade, os fabricantes de navegadores (naquela época Netscape e a Microsoft)inventaram novas tags, como

<font>

, que se diferenciavam das originais do HTML para a construção de layouts, e não apenas para a estruturação da página.

Isso fez que se distorcesse o uso de tags, inicialmente projetadas para estruturar, como, por exemplo,

<table>

, que passou a ser empregadas para layout. Muitas dessas tags, como

<blink>

, eram suportadas somente por determinados navegadores. A frase “Você precisa do navegador X para visualizar esta pagina” passou a ser tornar comum nos websites.

Devido a essas questões, o W3C* criou a CSS, colocando à disposição dos webdesigners meios sofisticados de projetar layout, sendo estas suportados por todos os navegadores. Dessa forma, a separação dos estilos de apresentação da marcação dos conteúdos facilitou a manutenção das páginas.

Entre os benefícios do uso de CSS para o desenvolvimento de páginas para web, podemos incluir alguns itens:

Controle do layout de vários documentos a partir de um simples arquivo CSS;

Aplicação de diferente layout para servir diferentes mídias (telas, impressoras etc.);

Emprego de variadas técnicas de desenvolvimento.

Bom, é isso ai! Vou fazer vários artigos de CSS como: menu, layout entre outros. Espero que gostem!

Até++

Escrito por Jean_Carlos on abril 27, 2008. Arquivado em CSS. Você pode seguir as respostas a esse artigo pelo RSS 2.0. Você pode deixar respostas para esse artigo