Day 7

1.内边距：用于调节边框内的内容与边框的内部距离，合理的调节可以最大程度使用边框，让边框里的内容给人的效果更好，利于读者的观看体验。用于内容的美化与优化。

2.圆角:用border-radius:10px 30px 60px;来定义。可以让边框显示为自己设计的形状，形状由自己根据喜好和需求来定义，可以让边框的显示效果更美观，用于美化边框，也可以更直观地展示自己所写的内容。

3.外边距:容器与另一个容器之间的距离叫外边距 外边距用margin来定义，在设计板块的问题时，可以使用外边据来设计，它可以将两个板块移动，使其看起来更加美观，也可以增加内容，让内容更加充实。

4.    浮动:默认情况下li中的内容是竖着排的，如果想要横着排，则需要浮动。 浮动是使用 float 来定义，他有两个值： -left: 左浮动 -right:有浮动。.clear{clear: both;}清除浮动。浮动可以改变内容的走向，更加合理利用界面。

5.背景图片样式设置:o-repeat:不平铺 2.repeat-x:x轴平铺 3.repeat-y:y平铺 4.repeat:x和y都平铺（默认方式） 希望背景图在中间，需: 使用 background-position属性来定义，他是通过坐标轴来设置，用于在页面设计时将相关的图片插入其中，让用户直观地了解页面的内容。

6.背景颜色:用background-color来定义背景图片的颜色，根据内容的不同来设置背景颜色，让内容更加生动，优化用户的体验。

7.边框属性:指定边框可以使用 border-left/top/right/bottom-color来设置 borderleft/top/right/bottom-style来设置样式 border-left/top/right/bottom-width来设置宽度，我们可以使用 border属性来统一指定即可。格式为:border:线得宽度 线的样式 线的颜色 四个边的宽，颜色都得一样才可以使用。用于定义边框的样式，如边框粗细，线条变为虚线等，让边框更加鲜明。

8.阴影:定义阴影用box-shadow定义，语法格式为: box-shadow:h-shadow v-shadow blur spread color position h-shadow:必需。水平阴影的位置。允许赋值。 v-shadow:必需。垂直阴影的位置。允许赋值。 blur:可选。模糊距离。 spread:可选。阴影的尺寸。 color:可选。阴影的颜色。 position:可选。将外部阴影改为内部阴影。可以让图片更加真实有趣，让用户的体验感更深刻，美化界面。