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
74
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
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.3k
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
800
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
430
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
320
GraphRAGの仕組みまるわかり
tosuri13
8
480
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
240
Create a website using Spatial Web
akkeylab
0
300
CursorはMCPを使った方が良いぞ
taigakono
1
180
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
570
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
100
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
190
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Why Our Code Smells
bkeepers
PRO
337
57k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
How to Ace a Technical Interview
jacobian
277
23k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
What's in a price? How to price your products and services
michaelherold
246
12k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Designing for Performance
lara
609
69k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Designing for humans not robots
tammielis
253
25k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
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