: O Que é Css -

Ir para

Página 1 de 1

O Que é Css

#1 Membro offline   HostGator 

  • HostGator.com.br
  • Grupo: HostGator
  • Posts: 285
  • Cadastrado: 19-abril 11

Postou 13 janeiro 2010 - 08:46

CSS (Cascading Style Sheets ) - “Folha de Estilos em Cascata”.

O CSS complementa o arquivo HTML economizando linhas do seu código. Com ele você pode controlar tudo do seu layout: fontes, margens, backgrounds, tamanhos de divs, etc.

Esta nova maneira de se criar sites é chamada de “tableless”, ou seja, “tabela menos”. Os web standards (padrões web, como o W3C) não recomendam o uso de tabelas para definir o layout de uma página. Usamos para isto, elementos que agrupam e estruturam um documento, os famosos divs e spans. As tabelas devem ser usadas somente para o que foram projetadas: exibir dados tabulares.

Há diferentes formas de se usar o CSS. São estas: in-line (com o atributo style), interno (entre a tag style) e externo. Particularmente, prefiro o modo externo, já que a meu ver, o objetivo do CSS é exatamente economizar e tornar tudo mais prático. Usando diferentes estilos em diferentes páginas você estará andando para trás. Quando você perceber estará repetindo coisas desnecessariamente e se dando conta que poderia ter inserido tudo em um só arquivo CSS. Com um só arquivo você controlará todas as páginas de seu site.

Para que o arquivo HTML “leia” o arquivo CSS é necessário que se coloque entre as tags <head></head> esta linha <link href=" seu_css.css" type="text/css" rel="stylesheet" /> Desta forma as tags do seu HTML obedecerão os estilos do seu arquivo css. O arquivo css é um arquivo de texto com a extensão .css.

Por exemplo, se seu <body> tem a mesma cor de fundo em todas as páginas de seu site, você dará um estilo a ela somente uma vez, no seu arquivo css, desta forma:

body {

background-color: #FFF;

}

E não desta, dentro de cada página html, como costumava ser feito:

<body bgcolor="#FFF">

Outro conselho é dar id ou class em tudo o que você faz. Porém, em elementos que serão sempre iguais nas suas páginas, como no exemplo acima (que todas as páginas do site terão o <body> igual), não é necessário identificá-los com ids ou classes. Mas na sua página podem existir muitos parágrafos, listas, links, etc. com propriedades diferentes e identificá-los é fundamental.

A diferença entre Id e class é que o id só poderá ser usado em um elemento, já a class é usada quando há necessidade de que vários elementos tenham os mesmo parâmetros.
Imagem
HostGator Brasil - A escolha de mais de 9 milhões de domínios em todo o mundo!
Site | Hospedagem de Sites | Revenda | VPS | Dedicados | Plus | Streaming | Domínio | Suporte | Afiliados
0

Compartilhar este tópico:


Página 1 de 1


Resposta rápida

  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)