把文本框嵌入到form

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit" value="Submit">submit</button>
</form>

如果你想把一个文本输入字段设置为必填项，在你的input元素中加上required属性就可以了，你可以使用：
<input type="text" required>

单选按钮的例子：

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

给你的表单添加两个单选按钮，一个叫indoor，另一个叫outdoor。

下面是复选按钮的例子：

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

checked默认被选中

元素的 margin 控制元素的 border 和元素实际所占空间的距离。

如果你将一个元素的 margin 设置为负值，元素将会变大。

padding: 10px 20px 10px 20px;

这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左。

id 声明都会覆盖 class 声明。

很多情况下，你会使用 CSS 库，这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时，你可以使用!important。

#后面  前两位是红  中间是绿 后面是蓝