Home » Tecnologia
O que é CSS. Tipos de CSS, regras e propriedades
Gostou? Recomende:
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 tecnologias para a internet.
Participe do Simulado de HTML
Veja também:
Compartilhe com seus amigos:
// Comentários
Gamadodownloads // http://gamadodownloads.blogspot.com // 23/08/2009 21:15:00
rosa maria // Belo Horizonte // 03/09/2010 13:21:00
Achei a idéia excelente, principalmente para quem não entende bem de tecnologia. Gostaria de saber como aplicar text.decoration, decoração e efeitos, num trabalho tipo empreendimento, para conclusão de curso em pós- graduação.