padding 和 margin 的使用场景，padding 更多的是内容与边框之间的距离，margin 是兄弟元素之间的距离，如果像这个例子中，里面的 box 距离外面的 box 在左边和上边都有一定距离的话，使用 margin 和padding 都可以实现，但是推荐使用 padding，更加语义化。原本应该是绿色的盒子与红色的盒子会根据绿色盒子的顶部有一定的间距，但是实际情况是绿色盒子和红色盒

input 元素可以实现单选框的效果，结合 lable 元素，只需要将 type 设置为 radio 就表示为单选框，但是同时需要设置单选框的文本，文本内容直接写在 input 元素的后面即可；来实现多选框，除了 type 属性外，多选框也需要设置 name 属性，对于同一类型的 checkbox，name 属性要保持一致。点击按钮，页面会发生跳转，可以从地址栏中看到我们向后端发送的数据内容，可以

使用 CSS 精灵图可以极大地减少网页的 HTTP 请求次数，加快响应速度，减轻后端的压力，并且能够减少图片的总大小，也少了一些图片命名的困扰，只需要给一张图片命名就可以了。CSS Sprite 即 CSS 精灵图，是一种 CSS 图像合成技术，将各种小的图片合并到一张图片上，然后利用 CSS 的背景定位来显示对应的图片部分。可以看到 div 元素的 cursor 与 a 元素的 cursor 的