31 de jul de 2009

O que é CSS. Tipos de CSS, regras e propriedades

CSS é uma sigla de Cascating Style Sheet, ou Folha de estilos em cascata que nada mais é do que uma linguagem de marcação de textos em forma de estilos e aplicáveis a documentos HTML.

Tipos de CSS

Há três tipos de CSS, chamamos de CSS inline, CSS embeded e CSS externo.

O tipo CSS inline ocorre quando colocamos o CSS junto à tag HTML, exemplo:

<p style=”color: #ff0000”>Isto é CSS Inline</p>

O tipo CSS embeded, ou incorporado é usado no inicio do código, exemplo:

<head>
    <title></title>
    <style type="text/css">
        p{
            font-family: arial;
            font-size: 12px;
        }
    </style>
</head>

CSS externo. Neste caso, cria-se um arquivo externo com a extensão .css e linka ele com o documento CSS. Exemplo:

<link href="imgs/estilo.css" rel="stylesheet" type="text/css" />

Posso fazer um site usando apenas CSS?

Não. O CSS é usado para formatação de outro documento, geralmente HTML. Portanto, para criar um site, você precisa de HTML para estruturar a página e CSS para formatar.

O que é uma regra em CSS?

Uma regra é composta basicamente por três elementos: seletor, propriedade e valor. Exemplo:

h1 { color: #0082BF; }

h1 é o seletor, color a propriedade e #0082BF é o valor da propriedade color.

Quais são os tipos de seletores?

Um seletor pode ser qualquer tag HTML, porém, a identificação pode ser diferente. Veja este exemplo:

<div id=”box” class=”caixa”>
... conteúdo da div ...
</div>

Eu posso formatar o seletor div de três formas diferentes.

Pelo nome da tag:  h1 { color: #000000 }

Pelo id : #box { color: #0000FF }

Pela classe: .caixa { color: #0000FF }

Quando se usa formatar pelo nome da tag?

Este tipo de formatação de aplica a casos gerais, por exemplo, você quer que todos os textos do seu site tenham a mesma fonte, tamanho e cor. Neste caso basta formatar a tag <p> e pronto.

Quando se usa formatar pelo id?

Em casos muito específicos. Pela regra do XHTML não é possível ter em uma mesma página dois ids com nomes iguais. Normalmente são usados para os elementos principais da página, como o topo, menu, rodapé, box containers, etc.

Quando se usa formatar pela classe?

É um caso que fica no meio termo entre o específico do ID e o geral do nome da tag. A classe é útil quando você deseja formatar algumas tags, mas não todas. Por exemplo, em um texto com dez parágrafos, você poderia dar uma formatação diferenciada para os parágrafos 3, 6 e 7. Como fazer isto? Cria uma classe em CSS e aplica manualmente a estes parágrafos.

Todos os sites usam CSS?

Não. Antigamente a formatação era feita pelo próprio HTML, desta forma não se usava CSS. Hoje não faz sentido formatar em HTML, já que isto seria semanticamente incorreto.

Quem padroniza o CSS?

É o W3C, o mesmo órgão que regulamente e padroniza o HTML e diversas outras t

Comentários
0 Comentários

Nenhum comentário:

Postar um comentário

Gostou desta dica? Divulgue para seus amigos. Envie suas sugestões. Nos envie informações para melhorar ou ampliar esta dica. Esperamos sua participação.