Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

CSS_Flex_基礎二.pdf

Avatar for darrenyaoyaoyao darrenyaoyaoyao
October 26, 2020
Programming
0
57

 CSS_Flex_基礎二.pdf

Avatar for darrenyaoyaoyao

darrenyaoyaoyao

October 26, 2020
Tweet

More Decks by darrenyaoyaoyao

See All by darrenyaoyaoyao
HTML__CSS_基礎二.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
54
Pug.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
65
Sass.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
53
jquery.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
1
66
0c8adb02-ade8-47bb-9939-4d45110ffefd.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
53
bootstrap.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
1
75
Javasrcipt_基礎一.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
89
Javascript_基礎二.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
120
HTML__CSS_基礎_.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
53

Other Decks in Programming

See All in Programming
愛される翻訳の秘訣
Avatar for Kishikawa Katsumi kishikawakatsumi
3
330
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
Avatar for JaiChangPark itsmedreamwalker
1
130
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
210
sbt 2
Avatar for kenji yoshida xuwei_k
0
300
新卒エンジニアのプルリクエスト with AI駆動
Avatar for Yuta Fukunaga fukunaga2025
0
230
ゲームの物理 剛体編
Avatar for Fadis fadis
0
360
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
9
5.8k
C-Shared Buildで突破するAI Agent バックテストの壁
Avatar for po3rin po3rin
0
400
GISエンジニアから見たLINKSデータ
Avatar for nokonoko1203 nokonoko1203
0
170
Github Copilotのチャット履歴ビューワーを作りました～WPF、dotnet10もあるよ～ #clrh111
Avatar for KatsuYuzu katsuyuzu
0
120
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
Avatar for SatoAoaka satoaoaka
0
270
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
Avatar for n0bisuke n0bisuke2
3
1.3k

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
16
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
130
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
710
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
32
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.6k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
300

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 {

    } }