把五环做成一个浮动，总是位于屏幕中央的效果。

定位的练习 position ：fixed

位于body中间的时候 left：50%；top:50%;

css内部样式表的使用 style="text/css"

div的作用:div是一个块级元素。它可以将html分割成独立的、不同的部分。如果用id和class来标记div，那么该标签便可以被css所使用变的更有效，通过id或class设计各种的样式。

html的设计：

首先给5个环设置class用来css文件关联样式，并把这5个环放置一个父级div中

css样式设计：

通过绑定html中设置好的class，然后绘制五个环的形状和大小还有位置

绘制每个环的颜色和位置：

设计父级div的位置：

首先要知道，我们设计的5环是在div内部，所以调整div的位置便可以实现浏览器居中i效果。