CSS Básico

CSS BÁSICO

1

INTRODUÇÃO

3

SINTAXE BÁSICA

3

SALVANDO ARQUIVOS CSS

4

INCLUINDO CSS EM DOCUMENTO HTML

4

COMENTÁRIOS

5

SELETORES BÁSICOS

5

Seletor universal

5

Seletor do tipo tag

5

Seletor do tipo classe

6

Seletor “id”

7

2

Introdução
CSS (Cascate Style Sheet) ou Folha de Estilos em Cascata é uma linguagem de folha de estilo projetada para controlar a aparência ou apresentação dos documentos eletrônicos definidos com HTML e XHTML. CSS é a melhor maneira de separar conteúdo da apresentação e é essencial para criar páginas web complexas.
Separar a definição de conteúdos e definição de sua aparência tem muitas vantagens, pois obriga você a criar HTML / XHTML bem definida e com significado completo (também chamado de "documentos com semântica").
Também melhora a acessibilidade documento reduz a complexidade de sua manutenção e exibe o mesmo documento em muitos dispositivos diferentes.
Através da criação de um site, usando primeiro o HTML / XHTML para marcar conteúdo, ou seja, para designar a função de cada elemento dentro da página, parágrafo, proprietário, o texto realçado, tabela, lista de itens, etc.
Uma vez criado o conteúdo, a linguagem é usada CSS para definir a aparência de cada elemento: cor, tamanho e fonte do texto, a separação horizontal e vertical entre elementos, a posição de cada elemento dentro da página, etc.

Sintaxe básica
Para utilizar CSS em documento HTML devemos seguir obedecer a sintaxe básica: Regra CSS
Declaração

{ color:

h1
Seletor

•
•

Propriedade

black; }
Valor

Regra CSS: cada um dos estilos que compõem uma folha CSS. Cada regra é composta pelo seletor e a declaração que é delimitada pelas chaves ( { ) e ( } );
Seletor: indica o elemento ou elementos HTML em que se aplicará a regra CSS.

3

Declaração: especifica os estilos em que se aplicarão aos elementos HTML. É composto por uma ou mais propriedades;
Propriedade: permite