单选按钮、ID选择器、布局、!important、空格、

单选按钮
单选按钮只是input输入框的一种类型。
每一个单选按钮都应该嵌套在它自己的label(标签)元素中。
注意：所有关联的单选按钮应该使用相同的name属性。

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

ID选择器
在style元素内部，定义类选择器必须添加 . 为前缀，定义ID选择器必须添加 # 为前缀。

html布局
有三个影响HTML元素布局的重要属性：padding(内边距)、margin(外边距)、border(边框)。
元素的 padding 控制元素内容 content和元素边框 border 之间的距离。

除了分别指定元素的 padding-top、padding-right、padding-bottom 和 padding-left 属性外，还可以集中起来指定它们，举例如下：

padding: 10px 20px 10px 20px;

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

** !important **
class 会被随后的 class 声明、id 声明和行内样式所覆盖。
给相关元素声明加上关键字 !important，以便 100% 确保得到想要的效果。

color: pink !important;

空格
当我们要在HTML中键入空格的话，直接按空格键是错误的书写行为，因为直接按空格键对于后期不太好，在HTML中写空格是用& nbsp;这个字符来写的，我们称 & nbsp 是空格占位符，如果直接在HTML中连续键入多个空格，可能会被认为只有一个，但是当你连续键入 这个字符就可以连续占用空格位了。