Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS - texto

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Madson Dias Madson Dias
March 11, 2012
Programming
38
0

CSS - texto

Avatar for Madson Dias

Madson Dias

March 11, 2012

More Decks by Madson Dias

See All by Madson Dias
Recozimento Simulado
Avatar for Madson Dias omadson
0
230
Markdown para Latex
Avatar for Madson Dias omadson
0
1.3k
Latex: Coisas que eu aprendi na marra!
Avatar for Madson Dias omadson
0
250
Python? Até vovó consegue!
Avatar for Madson Dias omadson
0
170
Falar em público
Avatar for Madson Dias omadson
0
22
Programação orientada a objetos #2
Avatar for Madson Dias omadson
0
90
Programação orientada a objetos #1
Avatar for Madson Dias omadson
0
33
CSS - fontes
Avatar for Madson Dias omadson
0
33
CSS - introdução
Avatar for Madson Dias omadson
0
26

Other Decks in Programming

See All in Programming
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記
Avatar for Maki Hayashi mkmk884
0
280
PHPで TLSのプロトコルを実装してみる
Avatar for higaki higaki_program
0
610
Symfonyの特性(設計思想)を手軽に活かす特性(trait)
Avatar for ICKX ickx
0
110
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
820
RailsのValidatesをSwift Macrosで再現してみた
Avatar for Takuma Shimizu hokuron
0
140
Coding as Prompting Since 2025
Avatar for Jimmy Moon ragingwind
0
560
AI 開発合宿を通して得た学び
Avatar for ニフティ株式会社 niftycorp
PRO
0
180
Understanding Apache Lucene - More than just full-text search
Avatar for Alexander Reelsen spinscale
0
150
Strategy for Finding a Problem for OSS: With Real Examples
Avatar for Chikahiro Tokoro kibitan
0
130
Codex CLI でつくる、Issue から merge までの開発フロー
Avatar for amata1219 amata1219
0
260
Tamach-sre-3_ANDPAD-shimaison93
Avatar for shimaison93 mane12yurks38
0
210
Codex の「自走力」を高める
Avatar for yorifuji yorifuji
0
1.3k

Featured

See All Featured
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Docker and Python
Avatar for Tania Allard trallard
47
3.8k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
190
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
140
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
860
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
48k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
250
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Done Done
Avatar for chrislema chrislema
186
16k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.6k

Transcript

  1. @omadson

  2. Texto CSS - @omadson 2

  3. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 3

  4. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 4 p { text-align: left; }

  5. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 5 p { text-align: right; }

  6. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 6 p { text-align: center; }

  7. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 7 p { text-align: justify; }

  8. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 8

  9. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 9 p { text-decoration: underline; }

  10. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 10 p { text-decoration: overline; }

  11. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 11 p { text-decoration: blink; }

  12. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 12 p { text-decoration:line-through; }

  13. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 13

  14. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 14 p { text-transform: none; }

  15. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 15 p { text-transform: capitalize; }

  16. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 16 p { text-transform: uppercase; }

  17. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 17 p { text-transform: lowercase; }

  18. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 18

  19. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 19 p { text-indent: 2.5cm; }

  20. • Alinhamento (esquerda, direita, centro, justificado) • Decoração • Transformação

    (caixa alta, caixa baixa, etc.) • Recuo CSS - @omadson 20 p { text-indent: 3%; }

  21. 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

  22. • http://goo.gl/Fy7Ap • http://goo.gl/6QCDS • http://goo.gl/H5dUZ CSS - @omadson 22

  23. • http://omadson.wordpress.com @omadson • http://yagoacp.wordpress.com @Yago_A • http://jedersonsecundino.wordpress.com @JedersonS CSS

    - @omadson 23

  24. Obrigado! CSS - @omadson 24