CSS - Uma visão geral

Maurício Samy Silva

CSS para Web Design

Objetivo

[any material that should appear in print but not on the slide]

1-Sumário...

[any material that should appear in print but not on the slide]

...-Sumário

[any material that should appear in print but not on the slide]

1-O nascimento da CSS

[any material that should appear in print but not on the slide]

1/1-O nascimento da CSS

[any material that should appear in print but not on the slide]

2-Definindo e entendendo as CSS

[any material that should appear in print but not on the slide]

3-HTML + TABLE

[any material that should appear in print but not on the slide]

3/1-Site com tabelas

[any material that should appear in print but not on the slide]

3/2-O uso da tag font

[any material that should appear in print but not on the slide]

3/3-A poluição do código

[any material that should appear in print but not on the slide]

3/4-A estrutura com tabelas

[any material that should appear in print but not on the slide]

3/5-Desvantagens do uso de tabelas

[any material that should appear in print but not on the slide]

3/6-Site sem tabelas

[any material that should appear in print but not on the slide]

3/7-Código 'limpo'

[any material that should appear in print but not on the slide]

4-XHTML + CSS

[any material that should appear in print but not on the slide]

4/1-HTML ======> XHTML

[any material that should appear in print but not on the slide]

4/2-Conversão HTML==>XHTML

[any material that should appear in print but not on the slide]

5-Vantagens das CSS

[any material that should appear in print but not on the slide]

6-Sintaxe da regra CSS

[any material that should appear in print but not on the slide]

7-Aplicando CSS

[any material that should appear in print but not on the slide]

7/1-Sintaxe de aplicação


<style type="text/css" media="screen">
@import url("/estilos/main.css");
</style>

<link rel="stylesheet" type="text/css" 
media="print" href="/estilos/print.css" />
[any material that should appear in print but not on the slide]

7/2-Sintaxe de aplicação


<style type="text/css">
h1 {font-size:150%; color:#036;}
</style>

<p style="background-color:#f00;">
texto do parágrafo
</p>
[any material that should appear in print but not on the slide]

8-O Box Model

O Box Model (Modelo de Caixas) foi definido pelo W3C nas Recomendações para CSS1 publicadas em 1996.

[any material that should appear in print but not on the slide]

8/1-O Box Model

[any material that should appear in print but not on the slide]

8/2-O Box Model

[any material that should appear in print but not on the slide]

9-Exemplos

Sites CSS mundialmente reconhecidos

[any material that should appear in print but not on the slide]

10-Conclusão

Nesta palestra tivemos uma visão geral das CSS.

Uma tecnologia revolucionária para montagem de Web Sites.

Focada em portabilidade, Web Standards, facilidade de manutenção e sobretudo flexibilidade.

Espero ter motivado vocês para conhecer um pouco mais de CSS.

[any material that should appear in print but not on the slide]