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

Front End - Estilizando com CSS

Avatar for Juliane Albuquerque Juliane Albuquerque
November 11, 2017
Programming
0
29

Front End - Estilizando com CSS

Estilizando com CSS

Avatar for Juliane Albuquerque

Juliane Albuquerque

November 11, 2017
Tweet

More Decks by Juliane Albuquerque

See All by Juliane Albuquerque
React Component Pattern
Avatar for Juliane Albuquerque julianealbuquerque
0
57
Retrospectiva CSS
Avatar for Juliane Albuquerque julianealbuquerque
0
18
Design System
Avatar for Juliane Albuquerque julianealbuquerque
0
57
Front End - Web + HTML
Avatar for Juliane Albuquerque julianealbuquerque
0
36
Front End - Classes + ID's + CSS + GITHUB
Avatar for Juliane Albuquerque julianealbuquerque
0
42
Front End - Especificidade CSS + Box Model
Avatar for Juliane Albuquerque julianealbuquerque
0
68
Front End - Bootstrap + Media Queries
Avatar for Juliane Albuquerque julianealbuquerque
0
32
Front End - Javascript
Avatar for Juliane Albuquerque julianealbuquerque
0
57
Front End - JQuery
Avatar for Juliane Albuquerque julianealbuquerque
0
39

Other Decks in Programming

See All in Programming
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
Avatar for cc4966 cc4966
1
200
MCPとデザインシステムに立脚したデザインと実装の融合
Avatar for Yuku Kotani yukukotani
4
1.4k
複雑なドメインに挑む.pdf
Avatar for Yuki Sakai yukisakai1225
5
1.1k
ソフトウェアテスト徹底指南書の紹介
Avatar for Hiroki Iseri goyoki
1
150
RDoc meets YARD
Avatar for Masafumi Okura okuramasafumi
4
170
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
210
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
680
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
Avatar for clshinji clshinji
1
210
Updates on MLS on Ruby (and maybe more)
Avatar for sylph01 sylph01
1
180
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
Avatar for Andrey Chernov inetand
0
140
個人軟體時代
Avatar for Ethan Huang ethanhuang13
0
320
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
Avatar for luccafort luccafort
PRO
1
110

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
It's Worth the Effort
Avatar for 3n 3n
187
28k

Transcript

  1. DIA 2 - PARTE 01

  2. DECLARAÇÕES DE COR As cores em CSS podem ser especificada

    de várias maneiras: HEXADECIMAL #F00F00 RGB rgb(255, 0, 0) NOME red

  3. CONHECENDO MAIS ALGUNS DECLARAÇÕES ESTILISANDO COM CSS

  4. CSS - TIPOGRÁFIA h1 { font-family: monospace; } h2 {

    font-family: "Arial", "Helvetica", sans-serif; }

  5. p { text-align: center; line-height: 3px; /* tamanho da altura

    de cada linha */ letter-spacing: 3px; /* tamanho do espaço entre cada letra */ word-spacing: 5px; /* tamanho do espaço entre cada palavra */ text-indent: 30px; /* tamanho da margem da primeira linha do texto */ } CSS - ALINHAMENTO

  6. CSS - background div { background-image: url(image.png); background-repeat: no-repeat; background-color:

    #f4f4f4; }

  7. CSS - background body { border-color: green; border-style: solid; border-width:

    1px; }