Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


HTML&CSS Básico, Notas de estudo de Informática

- - - - - - -

Tipologia: Notas de estudo

Antes de 2010

Compartilhado em 18/12/2008

moacir-petry-12
moacir-petry-12 🇧🇷

1 documento

1 / 20

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
> Herbet Ferreira Rodrigues
> contato@herbetferreira.com
Curso HTML & CSS
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14

Pré-visualização parcial do texto

Baixe HTML&CSS Básico e outras Notas de estudo em PDF para Informática, somente na Docsity!

> Herbet Ferreira Rodrigues > [email protected]

Curso HTML & CSS

Sumário

> Introdução ao CSS

  • (^) O que é CSS?
  • (^) CSS surgiu…
  • (^) Proposta / Aplicação > Integrando CSS às Páginas > Formatando com CSS
  • Classes
  • Alinhamento
  • Efeito de Texto
  • Estilos de Fontes

Introdução ao CSS >O que é CSS?

  • (^) ”Cascading Style sheets" ou "Folhas de Estilo Encadeadas” é uma tecnologia (linguagem) criada para definir estilos (cores, tipologia, posicionamento, etc ...);
  • (^) CSS facilitam a criação, formatação e manutenção de páginas Web.
  • (^) Pode ser algo do tipo: body { font-family: Verdana; font-size: 10pt }

Introdução ao CSS >CSS surgiu…

  • (^) Popularização da Web e alto custo de manutenção para sites cada vez maiores e de layouts complexos.
  • (^) Projetos intranet e internet que exigindo padronização de conteúdo.
  • (^) Foi criado no final de 1996 e, hoje o Style Sheets está em sua segunda fase, a fase 2 (maio/98).

Integrando CSS às Páginas

Integrando CSS às Páginas >Referenciando um arquivo externo

...

...

Integrando CSS às Páginas > Atributos de estilo inline em algumas tags HTML como

,

, ou < **div** style="margin-left: 1in; font-size: 9pt"> Este texto irá receber os estilos definidos na tag DIV ... < **span** style="font-weight: bold; background: #FFFF00"> este texto aqui usa a tag span ...< **/span** > < **/div** >

Formatando com CSS

Formatanto com CSS > Alinhamento

  • (^) Utilizando a propriedade {text-align: valor}

...

Texto

Formatanto com CSS > Efeitos de sublinha

  • (^) Utilizando a propriedade {text-decoration: valor} - { text-decoration: underline } - { text-decoration: line-through } - { text-decoration: none } - { text-decoration: overline }

Formatanto com CSS > Tamanho de Fontes

  • (^) Utilizando a propriedade {font-size: valor}
    • {font-size: 10pt; }
    • {font-size: 14px; }
    • {font-size: 20cm; }

Formatanto com CSS > Estilo de Fontes

  • (^) Utilizando a propriedade {font-style: valor}
    • {font-style: oblique; }
    • {font-style: italic; }
    • {font-style: normal; }
    • {font-weight: bold; }

FIM

Contato > (^) Nome: Herbet Ferreira Rodrigues > E-mail: [email protected] > Material para Download: http://www.herbetferreira.com