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
30

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
19
Design System
Avatar for Juliane Albuquerque julianealbuquerque
0
58
Front End - Web + HTML
Avatar for Juliane Albuquerque julianealbuquerque
0
37
Front End - Classes + ID's + CSS + GITHUB
Avatar for Juliane Albuquerque julianealbuquerque
0
43
Front End - Especificidade CSS + Box Model
Avatar for Juliane Albuquerque julianealbuquerque
0
69
Front End - Bootstrap + Media Queries
Avatar for Juliane Albuquerque julianealbuquerque
0
33
Front End - Javascript
Avatar for Juliane Albuquerque julianealbuquerque
0
58
Front End - JQuery
Avatar for Juliane Albuquerque julianealbuquerque
0
40

Other Decks in Programming

See All in Programming
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
140
モテるデスク環境
Avatar for mozumasu mozumasu
3
1.4k
Kotlinで実装するCPU/GPU 「協調的」パフォーマンス管理
Avatar for matuyuhi matuyuhi
0
210
フロントエンド開発のためのブラウザ組み込みAI入門
Avatar for Masashi Hirano masashi
7
3.7k
NIKKEI Tech Talk#38
Avatar for cipepser cipepser
0
350
Go言語はstack overflowの夢を見るか？
Avatar for Takuto Nagami logica0419
0
680
contribution to astral-sh/uv
Avatar for Shunsuke Tsuchiya shunsock
0
580
釣り地図SNSにおける有料機能の実装
Avatar for nokonoko1203 nokonoko1203
0
200
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
120
マンガアプリViewerの大画面対応を考える
Avatar for kk__777 kk__777
0
440
EMこそClaude Codeでコード調査しよう
Avatar for shibayu36 shibayu36
0
530
AIと人間の共創開発！OSSで試行錯誤した開発スタイル
Avatar for mae616 mae616
2
850

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.1k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
11k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k

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