7
Aulas CSS 3 Por: Dorival Silva

CSS 3 - Aula 1

Embed Size (px)

Citation preview

Page 1: CSS 3 - Aula 1

Aulas CSS 3

Por: Dorival Silva

Page 2: CSS 3 - Aula 1

O que é CSS?

CSS significa C ascading S tyle S heets

Folhas de Estilo em Cascata

Os estilos definem como exibir elementos (tag’s)

HTML

Os estilos são normalmente guardados em arquivos

.css externos. Folhas de estilo externas permitem que

você altere a aparência e layout de todas as páginas

em um site, apenas editando um único arquivo!

Page 3: CSS 3 - Aula 1
Page 4: CSS 3 - Aula 1

Sintax

O conjunto de regras consiste em um seletor e um

bloco de declarações:

h2 {color: gold; fon-size:16px;}

h2 {

color: gold;

font-size:16px;

}

Page 5: CSS 3 - Aula 1

Seletor é o elemento HTML onde será aplicado o estilo (h2)

Em um bloco pode existir uma ou mais declarações separadas por “;” (ponto e

vírgula)

{color:gold; font-size:16px}

Defina a propriedade e aplique o valor separando com “:” (dois pontos)

color(propriedade):gold(valor)

font-size(propriedade):16px(valor)

Page 6: CSS 3 - Aula 1

Praticando

Em um documento HTML digite as linhas:

<head>

<style>

p {

color: red;

text-align: center;

}

</style>

</head>

Page 7: CSS 3 - Aula 1

Resumo

Faça um breve resumo do que foi apresentado

Identifique formas de aplicar o treinamento

Solicite comentários sobre a sessão de treinamento