Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS - texto

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Madson Dias Madson Dias
March 11, 2012
Programming
44
0

CSS - texto

Avatar for Madson Dias

Madson Dias

March 11, 2012

More Decks by Madson Dias

See All by Madson Dias
Recozimento Simulado
Avatar for Madson Dias omadson
0
240
Markdown para Latex
Avatar for Madson Dias omadson
0
1.3k
Latex: Coisas que eu aprendi na marra!
Avatar for Madson Dias omadson
0
260
Python? Até vovó consegue!
Avatar for Madson Dias omadson
0
180
Falar em público
Avatar for Madson Dias omadson
0
29
Programação orientada a objetos #2
Avatar for Madson Dias omadson
0
98
Programação orientada a objetos #1
Avatar for Madson Dias omadson
0
38
CSS - fontes
Avatar for Madson Dias omadson
0
38
CSS - introdução
Avatar for Madson Dias omadson
0
32

Other Decks in Programming

See All in Programming
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
Avatar for Susisu susisu
0
250
Japan Community Day at Kubecon + CloudNativeCon Japan 2026: Learning Container Privilege Control by Building My Own Low-Level Container Runtime
Avatar for ternbusty ternbusty
1
160
生成AIで帳票OCRが「簡単に」作れる時代になった？
Avatar for Shohei Kondo kon_shou
0
1.1k
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
0
230
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
6k
S3 を使うアプリケーションをローカル完結で動かすことに全力を注いでみた / Running S3 Apps Offline
Avatar for Daisuke Garaike contour_gara
0
540
Cloudflare is Agents
Avatar for chimame chimame
0
170
バグを直したら useEffect が消えた
Avatar for taki colorful12
3
650
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
Avatar for Kurumi Watabe krm963
0
280
今さら聞けない .NET CLI
Avatar for tkym htkym
0
200
PostgreSQL 18で考えるUUID主キー
Avatar for Kazuhiro Seo kazuhiro1982
0
490
進化を続けるGo toolsの現在地 / The Current State of Ever-Evolving Go Tools
Avatar for hond hond0413
0
240

Featured

See All Featured
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
530
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
470
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
420
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
73
41k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
220
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
900
How to make the Groovebox
Avatar for あそなす asonas
2
2.3k

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