切版班 19 組討論區 by Sylvia Hu

sylvie11gaia — 2021-07-03 05:46:10 UTC

第二題：90px
第三題：36+48*2+90=222px
第四題：50+3+20*2=93px

第五題：

sylvie11gaia — 2021-07-03 05:46:32 UTC

.wrap, .header, .main, .footer {
width: 500px;
margin: 0 auto;
}

h2, p {
font-size: 20px;
}

第六題

sylvie11gaia — 2021-07-03 05:49:26 UTC

Codepen 修改結果

修改重點：
* 獨立出一個 class 為 outbox
* 新增 .pt10 和 .pb10

.outbox {
width: 500px;
margin: 0 auto;
}

.pt10{
padding-top: 10px;
}

.pb10{
padding-bottom: 10px;
}

2-4 題

joycheng97324 — 2021-07-03 08:02:04 UTC

第二題：92~93px
第三題：36+16*1.5*2+24+90=198px
第四題：
width: 50+3+20*2=93px
height: 50+3+20*2=93px

優化程式碼

joycheng97324 — 2021-07-03 08:10:04 UTC

Codepen
.wrap{
width: 500px;
margin: 0 auto;
font-size: 20px;
}

優化程式碼

joycheng97324 — 2021-07-03 08:13:15 UTC

Codepen

修改重點：
刪除 .wrap
新增 .container

第七題

sylvie11gaia — 2021-07-03 11:07:51 UTC

Codepen 排版結果

用 flexbox 排版 Pixel Perfect Kata

第七題

joycheng97324 — 2021-07-03 16:02:26 UTC

Codepen排版結果

第二題 : 92~93px

2021-07-04 04:41:28 UTC

第三題 :
(24+36)+(16*1.5+24)+90=198
第四題
寬度 : 50+3(br)+20*2=93
高度 : 50+3(bb)+20*2=93

第五題

2021-07-04 04:42:58 UTC

.wrap{
width: 500px;
margin: 0 auto;
font-size:20px;
}

第六題

2021-07-04 04:44:31 UTC

第七題

2021-07-04 04:45:19 UTC

這是我的第三次練習

2021-07-04 05:15:00 UTC

第二題

92~93px

第三題

36+(16*1.5*2)+24+90=198

第四題

Width:50+3+20*2=93

Height:50+3+20*2=93

第五題

2021-07-04 05:15:56 UTC

codepen
body{
font-size: 20px;
}
.wrap{
width: 500px;
margin: 0 auto;
}

第六

2021-07-04 05:17:27 UTC

codepen

作業喔

2021-07-04 05:30:14 UTC

2. (2)
3. 36 + (1.6 * 1.5 + 24) * 2 + 90 = 222 (px)
4. 50 + 20 * 2 + 3 = 93 (px)
5.

h2, p {fz20}
.wrap {
  w500
  m0-a
}

6.
code
del .wrap
del .*outbox
add .p*
add .m*
add .center
7.

code

2021-07-04 06:08:01 UTC

Q2 : 92-93px

Q3: 198px
36+ 2x(16*1.5) +24 +90 = 198

Q4
50+ 2x20 + 3 = 93
高度：93px
寬度：93px

Q5
.wrap{
width: 500px;
margin: 0 auto;
}

h2, p{
font-size: 20px;
}

Q6
codepan

Q7

還沒開始

第七

2021-07-04 06:16:46 UTC

晚點做XD

Q2:92~93px

2021-07-07 09:32:52 UTC

Q3:90+36+24+(16*1.5)*2+24=198px

Q4:
寬:50+3+20*2=93px
高:50+3+20*2=93px

Q5:
.wrap{
width: 500px;
margin: 0 auto;
font-size: 20px;
}
Q6: