Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS_Flex_基礎二.pdf
Search
darrenyaoyaoyao
October 26, 2020
Programming
0
56
CSS_Flex_基礎二.pdf
darrenyaoyaoyao
October 26, 2020
Tweet
Share
More Decks by darrenyaoyaoyao
See All by darrenyaoyaoyao
HTML__CSS_基礎二.pdf
darrenyaoyaoyao
0
52
Pug.pdf
darrenyaoyaoyao
0
59
Sass.pdf
darrenyaoyaoyao
0
52
jquery.pdf
darrenyaoyaoyao
1
59
0c8adb02-ade8-47bb-9939-4d45110ffefd.pdf
darrenyaoyaoyao
0
49
bootstrap.pdf
darrenyaoyaoyao
1
74
Javasrcipt_基礎一.pdf
darrenyaoyaoyao
0
87
Javascript_基礎二.pdf
darrenyaoyaoyao
0
120
HTML__CSS_基礎_.pdf
darrenyaoyaoyao
0
51
Other Decks in Programming
See All in Programming
理論と実務のギャップを超える
eycjur
0
190
モテるデスク環境
mozumasu
3
1.3k
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
iriikeita
0
360
テーブル定義書の構造化抽出して、生成AIでDWH分析を試してみた / devio2025tokyo
kasacchiful
0
320
CSC305 Lecture 09
javiergs
PRO
0
320
contribution to astral-sh/uv
shunsock
0
550
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
980
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
aoseyuu
2
760
AI時代に必須!状況言語化スキル / ai-context-verbalization
minodriven
2
180
CSC509 Lecture 06
javiergs
PRO
0
270
社会人になっても趣味開発を続けたい! / traPavilion
mazrean
1
110
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
440
Featured
See All Featured
Thoughts on Productivity
jonyablonski
71
4.9k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Context Engineering - Making Every Token Count
addyosmani
8
310
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Making Projects Easy
brettharned
120
6.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
620
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Agile that works and the tools we love
rasmusluckow
331
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
GitHub's CSS Performance
jonrohan
1032
470k
Transcript
CSS Flex 盒⼦模型 基礎⼆ 排版進階練習
今⽇⽬標
https://darrenyaoyao.github.io/
Flex-direction column row
Flex 比例 flex: 3 flex: 1
justify-content
align-items
RWD 響應式網站 網站排版會隨著螢幕⼤⼩不同 ⽽有所調整
media query @media screen and (max-width: 900px) { .container {
} }