Slide 1

Slide 1 text

@omadson

Slide 2

Slide 2 text

Texto CSS - @omadson 2

Slide 3

Slide 3 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 3

Slide 4

Slide 4 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 4 p { text-align: left; }

Slide 5

Slide 5 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 5 p { text-align: right; }

Slide 6

Slide 6 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 6 p { text-align: center; }

Slide 7

Slide 7 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 7 p { text-align: justify; }

Slide 8

Slide 8 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 8

Slide 9

Slide 9 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 9 p { text-decoration: underline; }

Slide 10

Slide 10 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 10 p { text-decoration: overline; }

Slide 11

Slide 11 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 11 p { text-decoration: blink; }

Slide 12

Slide 12 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 12 p { text-decoration:line-through; }

Slide 13

Slide 13 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 13

Slide 14

Slide 14 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 14 p { text-transform: none; }

Slide 15

Slide 15 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 15 p { text-transform: capitalize; }

Slide 16

Slide 16 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 16 p { text-transform: uppercase; }

Slide 17

Slide 17 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 17 p { text-transform: lowercase; }

Slide 18

Slide 18 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 18

Slide 19

Slide 19 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 19 p { text-indent: 2.5cm; }

Slide 20

Slide 20 text

• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 20 p { text-indent: 3%; }

Slide 21

Slide 21 text

font • Para especificar várias propriedades de um seletor de uma vez só, pode-se usar a propriedade font. Nesta sintaxe, a ordem dos fatores é importante, porém nem todos os elementos precisam estar presentes. CSS - @omadson 21

Slide 22

Slide 22 text

• http://goo.gl/Fy7Ap • http://goo.gl/6QCDS • http://goo.gl/H5dUZ CSS - @omadson 22

Slide 23

Slide 23 text

• http://omadson.wordpress.com @omadson • http://yagoacp.wordpress.com @Yago_A • http://jedersonsecundino.wordpress.com @JedersonS CSS - @omadson 23

Slide 24

Slide 24 text

Obrigado! CSS - @omadson 24