freeCodeCamp 筆記

1. 谷歌字體導入

首先，你須要用link標籤來引入谷歌Lobster字體。

<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css">

再引入樣式：font-family: Lobster;

2. 設置圓形邊框

引入樣式：border-radius: 50%;

3. 建立一組單選按鈕

多選一的場景就用radio button(單選按鈕)

單選按鈕只是input輸入框的一種類型。

每個單選按鈕都應該嵌套在它本身的label(標籤)元素中。

注意：全部關聯的單選按鈕應該使用相同的name屬性。

下面是一個單選按鈕的例子：

<label><input type="radio" name="indoor-outdoor"> Indoor</label>

4. 建立一組複選按鈕

當你在大學選課時，面對幾百門課程，而由於時間和精力，你只能從中選擇十幾門。

這樣的場景就用checkboxes（複選按鈕）。

複選按鈕是input的輸入框的另外一種類型。

每個複選按鈕都應該嵌套進label元素中。

全部關聯的複選按鈕應該具備相同的name屬性。

下面是複選按鈕的例子：

<label><input type="checkbox" name="personality"> Loving</label>