HTML5

CSS3
&


CSS3

C
S
S
ascading
tyle
heet
CSS3

F
E
C
olha de
stilo em
ascata
CSS3

"Rosto"
Estilização
<style>
Inline ou não
.css
CSS3

<style> ... </style>
<... style="..." ...>
X
Tag
Atributo
CSS3

Propriedade:
valor;
Propriedade:
valor;
Propriedade:
valor;
Seletor {
}
CSS3

Seletor
Elemento
Identificador
Classes
CSS3

Seletor
tag
id
class
CSS3

Seletor
nomeDaTag {...}
#id {...}
.class{...}
CSS3

Arquivo css
"Linkagem"
Tag style
O jeito certo
<link />
Conecta um arquivo HTML
com um elemento externo
ex: Arquivo css

<link />
rel
type
href
Relação
Tipo
URL


<head>
<link
rel= "stylesheet"
type="text/css"
href="./estilos/estilo.css" />
</head>
Google Fonts
fonts.google.com
Fontes


<head>
<link
href='https://fonts.googleapis.com/css?family=Sofia'
rel='stylesheet' />
</head>
font-family: 'Sofia';
html
css





Vamos brincar
um pouco
Dúvidas?

Me desculpem
Pela Atenção

Obrigado


CSS
By João Batista
CSS
- 74