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

CSS_Flex_基礎二.pdf

Avatar for darrenyaoyao darrenyaoyao
October 24, 2020
Programming
0
21

 CSS_Flex_基礎二.pdf

Avatar for darrenyaoyao

darrenyaoyao

October 24, 2020
Tweet

More Decks by darrenyaoyao

See All by darrenyaoyao
HTML__CSS_基礎_.pdf
Avatar for darrenyaoyao darrenyaoyao
0
21
HTML__CSS_基礎_.pdf
Avatar for darrenyaoyao darrenyaoyao
0
24
HTML__CSS基礎二.pdf
Avatar for darrenyaoyao darrenyaoyao
0
16
Javascript進階.pdf
Avatar for darrenyaoyao darrenyaoyao
0
15
Javasrcipt_基礎一.pdf
Avatar for darrenyaoyao darrenyaoyao
0
19
Bootstrap.pdf
Avatar for darrenyaoyao darrenyaoyao
0
24
Sass_基礎篇.pdf
Avatar for darrenyaoyao darrenyaoyao
0
25
Github_介紹.pdf
Avatar for darrenyaoyao darrenyaoyao
0
110
Javascript_基礎二.pdf
Avatar for darrenyaoyao darrenyaoyao
0
18

Other Decks in Programming

See All in Programming
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
220
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
470
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
Avatar for Manfred Steyer manfredsteyer
PRO
0
100
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
2.5k
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
390
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
22
7.4k
Gemini for developers
Avatar for Mete Atamel meteatamel
0
110
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
210
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.4k

Featured

See All Featured
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
67
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.5k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
110
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
120
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
330

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 {

    } }