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>