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
18
CSS - texto
Madson Dias
March 11, 2012
Tweet
Share
More Decks by Madson Dias
See All by Madson Dias
Recozimento Simulado
omadson
0
180
Markdown para Latex
omadson
0
1.2k
Latex: Coisas que eu aprendi na marra!
omadson
0
210
Python? Até vovó consegue!
omadson
0
100
Falar em público
omadson
0
17
Programação orientada a objetos #2
omadson
0
59
Programação orientada a objetos #1
omadson
0
21
CSS - fontes
omadson
0
23
CSS - introdução
omadson
0
14
Other Decks in Programming
See All in Programming
RAGの回答精度評価用のQAデータセットを生成AIに作らせた話
kurahara
0
240
Web技術を駆使してユーザーの画面を「録画」する
yukukotani
13
6.5k
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
200
connect-go で面倒くささと戦う / 2024-08-27 #newmo_layerx_go
izumin5210
2
630
ECMAScript、Web標準の型はどう管理されているか / How ECMAScript and Web standards types are maintained
petamoriken
3
390
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
160
rails_girls_is_my_gate_to_join_the_ruby_commuinty
maimux2x
0
190
Rubyのobject_id
qnighy
6
1.3k
dotfiles について話したい #湘なんか
stefafafan
2
290
Increased Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
140
XStateでReactに秩序を与えたい
gizm000
0
700
開発を加速する共有Swift Package実践
elmetal
PRO
0
390
Featured
See All Featured
Statistics for Hackers
jakevdp
793
220k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
35
6.8k
How to name files
jennybc
75
98k
Building Adaptive Systems
keathley
36
2.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Scaling GitHub
holman
458
140k
Documentation Writing (for coders)
carmenintech
65
4.3k
Building Flexible Design Systems
yeseniaperezcruz
325
37k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Intergalactic Javascript Robots from Outer Space
tanoku
268
26k
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