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
56
Retrospectiva CSS
Avatar for Juliane Albuquerque julianealbuquerque
0
17
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
41
Front End - Especificidade CSS + Box Model
Avatar for Juliane Albuquerque julianealbuquerque
0
67
Front End - Bootstrap + Media Queries
Avatar for Juliane Albuquerque julianealbuquerque
0
32
Front End - Javascript
Avatar for Juliane Albuquerque julianealbuquerque
0
56
Front End - JQuery
Avatar for Juliane Albuquerque julianealbuquerque
0
38

Other Decks in Programming

See All in Programming
ニーリーにおけるプロダクトエンジニア
Avatar for Nealle nealle
0
630
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
Avatar for yimajo yimajo
2
220
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
4
1k
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
520
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
Avatar for uutan1108 ohmori_yusuke
2
230
型付きアクターモデルがもたらす分散シミュレーションの未来
Avatar for Takatomo Torigoe piyo7
0
810
git worktree × Claude Code × MCP ～生成AI時代の並列開発フロー～
Avatar for hisuzuya hisuzuya
1
510
VS Code Update for GitHub Copilot
Avatar for 74th(Atsushi Morimoto) 74th
1
470
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
10
1.9k
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
Avatar for Shohei Okada okashoi
1
210
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
Avatar for Yuka O’oka oukayuka
2
870
LINEヤフー データグループ紹介
Avatar for LINEヤフー株式会社 採用情報 lycorp_recruit_jp
0
1.3k

Featured

See All Featured
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
24k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
380
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
KATA
Avatar for Megan Lloyd mclloyd
30
14k

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