padding：即内边距，围绕着内容（比如段落）的空间。
    border：即边框，紧接着内边距的线。
    margin：即外边距，围绕元素外部的空间。
    width ：元素的宽度
    background-color ：元素内容和内边距底下的颜色
    color ：元素内容（通常是文本）的颜色
    text-shadow ：为元素内的文本设置阴影
    display ：设置元素的显示模式
    width: 600px; —— 强制页面永远保持 600 像素宽。
    margin: 0 auto; —— 为 margin 或 padding 等属性设置两个值时，第一个值代表元素的上方和下方（在这个例子中设置为 0），而第二个值代表左边和右边（在这里，auto 是一个特殊的值，意思是水平方向上左右对称）。你也可以使用一个，三个或四个值，参考 这里 。
    background-color: #FF9500; —— 如前文所述，指定元素的背景颜色。我们给 body 用了一种略微偏红的橘色以与深蓝色的 元素形成反差，你也可以尝试其它颜色。
    padding: 0 20px 20px 20px; —— 我们给内边距设置了四个值来让内容四周产生一点空间。这一次我们不设置上方的内边距，设置右边，下方，左边的内边距为20像素。值以上、右、下、左的顺序排列。
    border: 5px solid black; —— 直接为 body 设置 5 像素的黑色实线边框。
    text-shadow 属性，它可以为元素中的文本提供阴影。四个值含义如下：
    第一个值设置水平偏移值 —— 即阴影右移的像素数（负值左移）。
    第二个值设置垂直偏移值 —— 即阴影下移的像素数（负值上移）。
    第三个值设置阴影的模糊半径 —— 值越大产生的阴影越模糊。
    第四个值设置阴影的基色。
    为了使图像有外边距，我们必须使用 display: block 给予其块级行为。