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

Made with Slides.com