Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS - texto
Search
Madson Dias
March 11, 2012
Programming
0
19
CSS - texto
Madson Dias
March 11, 2012
Tweet
Share
More Decks by Madson Dias
See All by Madson Dias
Recozimento Simulado
omadson
0
190
Markdown para Latex
omadson
0
1.2k
Latex: Coisas que eu aprendi na marra!
omadson
0
210
Python? Até vovó consegue!
omadson
0
110
Falar em público
omadson
0
17
Programação orientada a objetos #2
omadson
0
66
Programação orientada a objetos #1
omadson
0
23
CSS - fontes
omadson
0
24
CSS - introdução
omadson
0
16
Other Decks in Programming
See All in Programming
Stackless и stackful? Корутины и асинхронность в Go
lamodatech
0
1.2k
Оптимизируем производительность блока Казначейство
lamodatech
0
870
Запуск 1С:УХ в крупном энтерпрайзе: мечта и реальность ПМа
lamodatech
0
870
20241217 競争力強化とビジネス価値創出への挑戦:モノタロウのシステムモダナイズ、開発組織の進化と今後の展望
monotaro
PRO
0
230
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう?知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
7.7k
Fibonacci Function Gallery - Part 2
philipschwarz
PRO
0
200
fs2-io を試してたらバグを見つけて直した話
chencmd
0
280
ドメインイベント増えすぎ問題
h0r15h0
2
540
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
390
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
9
2.3k
為你自己學 Python
eddie
0
500
Compose UIテストを使った統合テスト
hiroaki404
0
120
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.3k
GraphQLとの向き合い方2022年版
quramy
44
13k
Automating Front-end Workflow
addyosmani
1366
200k
Being A Developer After 40
akosma
89
590k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Designing Experiences People Love
moore
139
23k
The Cost Of JavaScript in 2023
addyosmani
46
7.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
2
160
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
A designer walks into a library…
pauljervisheath
205
24k
Transcript
@omadson
Texto CSS - @omadson 2
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 3
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 4 p { text-align: left; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 5 p { text-align: right; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 6 p { text-align: center; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 7 p { text-align: justify; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 8
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 9 p { text-decoration: underline; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 10 p { text-decoration: overline; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 11 p { text-decoration: blink; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 12 p { text-decoration:line-through; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 13
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 14 p { text-transform: none; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 15 p { text-transform: capitalize; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 16 p { text-transform: uppercase; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 17 p { text-transform: lowercase; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 18
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 19 p { text-indent: 2.5cm; }
• Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação
(caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 20 p { text-indent: 3%; }
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
• http://goo.gl/Fy7Ap • http://goo.gl/6QCDS • http://goo.gl/H5dUZ CSS - @omadson 22
• http://omadson.wordpress.com @omadson • http://yagoacp.wordpress.com @Yago_A • http://jedersonsecundino.wordpress.com @JedersonS CSS
- @omadson 23
Obrigado! CSS - @omadson 24