quinta-feira, 23 de outubro de 2014

AULA 1 - Fundamentos da Cascade Style Sheet (Folha de Estilo em Cascata)

O CSS - Cascading Style Sheet (Folha de Estilo em Cascata) é uma ferramenta utilizada para a construção da aparência de páginas web. Permite o uso de uma técnica diferente da convencional (html puro), possibilitando uma considerável redução de tempo no trabalho.

A intenção do HTML nunca foi a formatação de páginas web, mas sim a definição de seu conteúdo como no exemplo abaixo:

<h1>Isto é um cabeçalho</h1>
<p>Isto é um parágrafo</p>

Quando as tags como <font> foram adicionadas ao HTML, os desenvolvedores enfrentaram problemas para fazer a formatação de sites com muitas páginas, pois teriam que modificar tag por tag. Para resolver esse problema o CSS foi criado, pois ele define uma única vez um padrão de formatação que pode ser usado por todas as páginas de um site, sem necessidade de repetição. O CSS pode controlar fontes, cores, margens, linhas, alturas, larguras, imagens de fundo e posicionamentos.

SINTAXE BÁSICA

Seletor {propriedade: valor;}

Seletor: tag html afetada pelo estilo CSS. Ex: <p>,<h1> <body>etc.
Propriedade: atributo do elemento html ao qual será aplicado o estilo. Ex: font, color, background etc.

Valor: é a característica atribuída à propriedade. Ex: font tipo Verdana, cor vermelha etc.

Exemplo -> um seletor com uma propriedade
Body { background: #000000; }


Exemplo -> um seletor com mais de uma propriedade
h1{
color: blue;
font-size: 12px;
}

Exemplo -> vários seletores com as mesmas propriedades
H1, h2, h3, h4, h5, h6 {
Color: #FF0000;
}

Nenhum comentário:

Postar um comentário

Obrigado por deixar menos complicado!