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
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
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
400
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
ノイジーネイバー問題を解決する 公平なキューイング
Avatar for Shoichi Ochi occhi
0
100
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
390
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
Avatar for Kuniwak orgachem
PRO
1
140

Featured

See All Featured
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
700
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
170
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590

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