---
# System prepended metadata

title: 6/9 每日任務 Day3
tags: [2021 程式體驗營]

---

---
tags: 2021 程式體驗營
---
{%hackmd theme-dark %}
# 6/9 每日任務 Day3
## HTML 任務題目

請回答下方五題選擇題：

### Q1 以下 CSS 選擇器哪個錯誤？

A. `.container`
B. `#title1`
C. `li > a > img`
D. `$style1`

**A: D**

### Q2 以下關於 HTML 與 CSS 的說明哪個有誤？

A. `img 的 alt 屬性是用來給視障人士使用並且當做圖片失效時顯示的`
B. `a 標籤的擬態選擇器有 :hover :active`
C. `如果要改變 a 標籤大小，需要加上 display: inline;`
D. `默認的文字大小是 16px`

**A: C**

### Q3 關於列表標籤的說明哪個有誤？

A. ol 是有序列表 裡面的 li 會有 123 等數字排序
B. 所有主流瀏覽器都支持 ol 標籤
C. ul 是有序列表 裡面的 li 會有 123 等數字排序
D. ol ul 的內層都是 li 標籤

**A: C**

### Q4 下列選項中哪一個標籤不是區塊元素？

A. `<p></p>`
B. `<h1></h1>`
C. `<img />`
D. `<div></div>`

**A: C**

### Q5 我想讓 a 連結按鈕距離上方與下方的 div 區塊各 10px 高度，哪個選項寫法正確？

A. `margin: 0 10px; display: block;`
B. `padding: 10px 0;`
C. `padding: 0 10px; `
D. `margin: 10px 0; display: block;`

**A: D**

## JS 任務題目

請查看以下代碼回答 a b c 的 length 分別是多少？
```javascript
let a = "13579"
let b = " Tommy "
let c = "Hi Amy Hi"
c = c.trim()
```
**A: a: 5, b: 7, c: 9**
> trim -> 移除前後空格，但不包括中間的！
>> `trim()` 方法會移除字串起始及結尾處的空白字元。 本文中的空白字元指所有空格字元（如：空格、欄標、無間斷空格等等）及換行字元（如：換行、回車等等）。
>> [Resources](https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Global_Objects/String/Trim)

- Result
![](https://i.imgur.com/kfyRh0n.jpg)
