CSS - texto

Transcript

1. @omadson
2. Texto CSS - @omadson 2
3. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 3
4. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 4 p { text-align: left; }
5. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 5 p { text-align: right; }
6. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 6 p { text-align: center; }
7. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 7 p { text-align: justify; }
8. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 8
9. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 9 p { text-decoration: underline; }
10. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 10 p { text-decoration: overline; }
11. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 11 p { text-decoration: blink; }
12. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 12 p { text-decoration:line-through; }
13. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 13
14. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 14 p { text-transform: none; }
15. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 15 p { text-transform: capitalize; }
16. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 16 p { text-transform: uppercase; }
17. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 17 p { text-transform: lowercase; }
18. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 18
19. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 19 p { text-indent: 2.5cm; }
20. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 20 p { text-indent: 3%; }
21. 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
22. • http://goo.gl/Fy7Ap • http://goo.gl/6QCDS • http://goo.gl/H5dUZ CSS - @omadson 22
23. • http://omadson.wordpress.com @omadson • http://yagoacp.wordpress.com @Yago_A • http://jedersonsecundino.wordpress.com @JedersonS CSS - @omadson 23
24. Obrigado! CSS - @omadson 24