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
22
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
250
Python? Até vovó consegue!
omadson
0
170
Falar em público
omadson
0
18
Programação orientada a objetos #2
omadson
0
75
Programação orientada a objetos #1
omadson
0
23
CSS - fontes
omadson
0
26
CSS - introdução
omadson
0
17
Other Decks in Programming
See All in Programming
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
87
29k
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
lnit
3
480
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
1
13k
PipeCDのプラグイン化で目指すところ
warashi
1
280
Team operations that are not burdened by SRE
kazatohiei
1
310
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
3
770
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
110
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
570
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
250
Is Xcode slowly dying out in 2025?
uetyo
1
270
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
10k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Speed Design
sergeychernyshev
32
1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Making Projects Easy
brettharned
116
6.3k
BBQ
matthewcrist
89
9.7k
Side Projects
sachag
455
42k
Designing Experiences People Love
moore
142
24k
Building Applications with DynamoDB
mza
95
6.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Faster Mobile Websites
deanohume
307
31k
It's Worth the Effort
3n
185
28k
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