---
# System prepended metadata

title: 第三週討論會議筆記
tags: [夏天, 第三週]

---

# 第三週討論會議筆記
---
###### tags `夏天` `第三週`
---

討論會議資源
1. css命名原則 https://codepen.io/floraya/pen/KgvGov
2. css 選擇器
https://developer.mozilla.org/zh-TW/docs/Web/CSS/CSS_Selectors#%E5%81%BD%E9%81%B8%E6%93%87%E5%99%A8

---
本周作業討論
1. 下拉選單 option 
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option
2. 分頁
http://www.w3bai.com/zh-TW/css/css3_pagination.html
3. box-shadow
http://www.w3bai.com/zh-TW/css/css3_shadows.html
4. btn
http://www.w3bai.com/zh-TW/css/css3_buttons.html
5. input
https://www.w3schools.com/w3css/w3css_input.asp

6. ![](https://i.imgur.com/iDFlXaW.png) 


*   <form>
<div class="form-group">
<label for="email">Email</label>
<input name="Email" id="email" type="email" class="form-control" placeholder="請輸入您的Email" required>
<div class="form-group">
<label for="username">姓名</label>
<input name="姓名" id="username" type="text" class="form-control" placeholder="請輸入您的姓名" value="預設姓名"required>
<!-- input為只能寫一行標籤，value才是預設值 -->
<div class="form-group">
<label for="comment">您想跟我說的話</label>
<textarea name="留言" id="comment" rows="4" class="form-control" placeholder="請輸入留言"></textarea>
<!-- textarea為多行輸入框 -->
<div class="form-group">
<button class="submit-btn" type="submit">送出表單</button>

* </form>

7. placeholder
https://km.nicetypo.com/doc/9b5fbb27f2d5f7bececcd6f4d8784554

---
* body內通常會放置font-family以及line-height或letter-spacing(首行縮排)

* order釋疑：order(數字)指的是排列優先順序，數字越小的順序會在最前面
https://w3c.hexschool.com/flexbox/4007bc24
z-index剛好相反是數字高會蓋掉數字低的

