As folhas de estilo funcionam basicamente através de regras que são vinculadas às tags HTML. E o que torna
fácil a
criação de folhas de estilo é que essas regras obedecem a uma estrutura muito simples, composta por seletor, propriedade e valor. Vou falar resumidamente sobre cada um deles.
Seletor: é o que vinculará a regra criada ao elemento HTML.
Propriedade: define qual formatação será recebida pelo elemento.
Valor: define o quê, de fato, será atribuído a essa regra.
As regras seguirão, portanto, sempre esse formato:
Seletor { propriedade : valor; }
Sempre será preciso envolver a propriedade e o seu valor com as chaves, conforme exibido acima. E, após a
definição do
valor, a sintaxe da linguagem pede a inserção do sinal de ponto e vírgula. Uma regra simples seria:
h1 { color: green;
}
Essa regra aplicará, para o conteúdo das tags <h1>
do HTML, a cor verde.
Vale ressaltar também que é possível agrupar várias propriedades e valores em um único seletor, o que
facilita muito as
coisas e acontece com enorme frequência, conforme o exemplo abaixo:
h1 { font size:16px; text-align: justify; line-height: 20px;}
Essa regra está definindo, em todo o conteúdo de h1, textos com tamanho de 16 pixels, com alinhamento
justificado e
dentro de linhas com tamanho de 20 pixels. É tudo muito simples! Para facilitar a leitura das regras,
também é possível
definir cada propriedade em uma linha, ficando da seguinte forma:
h1 {
font size:16px;
text-align: justify;
line-height: 20px;
}
Caso você esteja começando a trabalhar com CSS agora, aconselho que faça a formatação de uma propriedade
por linha, pois
acredito que a leitura fique mais clara, facilitando a localização de determinada propriedade quando se
quiser fazer
alguma alteração. De qualquer forma saiba que a diferença é apenas visual, mas o navegador interpretará da
mesma forma,
tanto uma quanto a outra. Você pode cria-las como preferir.
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
Mortal Kombat - O Filme
O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.
Tetris
O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.