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
200
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
18
Other Decks in Programming
See All in Programming
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
270
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
1.2k
MCPで実現できる、Webサービス利用体験について
syumai
6
1.8k
可変変数との向き合い方 $$変数名が踊り出す$$ / php conference Variable variables
gunji
0
220
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
240
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
420
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
640
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
210
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
0
740
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
140
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
290
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.1k
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
GitHub's CSS Performance
jonrohan
1031
460k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Typedesign – Prime Four
hannesfritz
42
2.7k
Rails Girls Zürich Keynote
gr2m
95
14k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
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