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

CSS_Flex_基礎二.pdf

darrenyaoyaoyao
October 26, 2020
Programming
0
48

 CSS_Flex_基礎二.pdf

darrenyaoyaoyao

October 26, 2020
Tweet

More Decks by darrenyaoyaoyao

See All by darrenyaoyaoyao
HTML__CSS_基礎二.pdf
darrenyaoyaoyao
0
40
Pug.pdf
darrenyaoyaoyao
0
46
Sass.pdf
darrenyaoyaoyao
0
41
jquery.pdf
darrenyaoyaoyao
1
50
0c8adb02-ade8-47bb-9939-4d45110ffefd.pdf
darrenyaoyaoyao
0
39
bootstrap.pdf
darrenyaoyaoyao
1
44
Javasrcipt_基礎一.pdf
darrenyaoyaoyao
0
78
Javascript_基礎二.pdf
darrenyaoyaoyao
0
94
HTML__CSS_基礎_.pdf
darrenyaoyaoyao
0
46

Other Decks in Programming

See All in Programming
GitHub Actionsの痒いところを埋めるサードパーティーランナー
dora1998
2
250
TypeScriptのパフォーマンス改善
yajihum
14
5k
『WordPressコミュニティで学ぶ』OSS貢献の多様性
ippey
0
190
Timeline エディター拡張入門
yucchiy
0
450
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
1
120
Implementing Design Systems in Swift
seyfoyun
2
530
Sheets API使ってみた
toshi0383
2
180
2024 コーディング研修
ckazu
2
640
Runtime Objects in Rust
mitsuhiko
0
220
TypeScriptでもLLMアプリケーション開発 / LLM Application In Typescript
rkaga
5
1.3k
Docker_OSS_ホスティング入門
satokoki645
0
140
Try creating your own orderedmap
kazamori
1
280

Featured

See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
7k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Become a Pro
speakerdeck
PRO
13
4.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
39
2.5k
Product Roadmaps are Hard
iamctodd
45
9.8k
Debugging Ruby Performance
tmm1
70
11k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
22
6.5k
Building Adaptive Systems
keathley
32
1.9k
Fireside Chat
paigeccino
22
2.7k
Navigating Team Friction
lara
179
13k
Writing Fast Ruby
sferik
622
60k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k

Transcript

  1. CSS Flex 盒⼦模型 基礎⼆ 排版進階練習

  2. 今⽇⽬標

  3. https://darrenyaoyao.github.io/

  4. Flex-direction column row

  5. Flex 比例 flex: 3 flex: 1

  6. justify-content

  7. align-items

  8. RWD 響應式網站 網站排版會隨著螢幕⼤⼩不同
 ⽽有所調整

  9. media query @media screen and (max-width: 900px) { .container {

    } }