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

Front End - Estilizando com CSS

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Juliane Albuquerque Juliane Albuquerque
November 11, 2017
Programming
0
31

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
58
Retrospectiva CSS
Avatar for Juliane Albuquerque julianealbuquerque
0
20
Design System
Avatar for Juliane Albuquerque julianealbuquerque
0
59
Front End - Web + HTML
Avatar for Juliane Albuquerque julianealbuquerque
0
38
Front End - Classes + ID's + CSS + GITHUB
Avatar for Juliane Albuquerque julianealbuquerque
0
44
Front End - Especificidade CSS + Box Model
Avatar for Juliane Albuquerque julianealbuquerque
0
70
Front End - Bootstrap + Media Queries
Avatar for Juliane Albuquerque julianealbuquerque
0
33
Front End - Javascript
Avatar for Juliane Albuquerque julianealbuquerque
0
60
Front End - JQuery
Avatar for Juliane Albuquerque julianealbuquerque
0
40

Other Decks in Programming

See All in Programming
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
680
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.4k
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
300
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
340
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
180
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
Avatar for yimajo yimajo
3
620
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
MUSUBIXとは
Avatar for Hisaho nahisaho
0
140
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.6k

Featured

See All Featured
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
370
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
250
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
100
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
240
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
690
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k

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; }