CSS - fontes - Madson Dias

1,219 views
1,118 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,219
On SlideShare
0
From Embeds
0
Number of Embeds
75
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CSS - fontes - Madson Dias

  1. 1. @omadson
  2. 2. Fontes Tipo, Tamanho, Estilo e PesoCSS - @omadson 2
  3. 3. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) CSS - @omadson 3
  4. 4. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-family: courier; } CSS - @omadson 4
  5. 5. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-family: “Calisto MT”; } CSS - @omadson 5
  6. 6. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) CSS - @omadson 6
  7. 7. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-size: 12pt; } CSS - @omadson 7
  8. 8. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-size: 25px; } CSS - @omadson 8
  9. 9. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) CSS - @omadson 9
  10. 10. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-style: normal; } CSS - @omadson 10
  11. 11. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-style: italic; } CSS - @omadson 11
  12. 12. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-style: oblique; } CSS - @omadson 12
  13. 13. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) CSS - @omadson 13
  14. 14. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-weight: normal; } CSS - @omadson 14
  15. 15. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-weight: bold; } CSS - @omadson 15
  16. 16. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-weight: bolder; } CSS - @omadson 16
  17. 17. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-weight: lighter; } CSS - @omadson 17
  18. 18. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-weight: 100; } CSS - @omadson 18
  19. 19. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) p{ font-weight: 900; } CSS - @omadson 19
  20. 20. • Tipo (ou família)• Tamanho• Seu estilo (regular, itálico, outline, etc.)• Seu peso (normal, negrito, light, black) CSS - @omadson 20
  21. 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. 22. 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. font: style weight size family; CSS - @omadson 22
  23. 23. 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. p{ font: italic bold 13pt Georgia; } CSS - @omadson 23
  24. 24. • http://goo.gl/Od32a• http://goo.gl/Sm5We• http://goo.gl/Ca8TOCSS - @omadson 24
  25. 25. • http://omadson.wordpress.com @omadson• http://yagoacp.wordpress.com @Yago_A• http://jedersonsecundino.wordpress.com @JedersonS CSS - @omadson 25
  26. 26. Obrigado!CSS - @omadson 26

×