<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。
#后面 前两位是红 中间是绿 后面是蓝
