图片上传HTML部分：内容如下：
相对于上面的HTML部分来说，比较简单，主要由ULli组成。特别注意data-src属性，后面css部分会强调。这部分内容用到了H5的部分内容，所以没看懂。可以先科普一下H5的知识。/*网页全局样式解决兼容性问题*/body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,tr,td,表单、输入、选择、文本区域、跨度、img、a、em、strong、*{边距：0；padding:0;}body{font-family:"宋体";字体大小：12px；颜色：#000000;}ul,ol,li{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:14px;}input,select,textarea{vertical-align:middle;}img{border:none;垂直对齐：中间；}a{文本装饰：无；颜色：#333333;}a:hover{颜色：#009999;}.clear{clear:both;高度：0px；宽度：0px；溢出：隐藏；}ul{溢出：隐藏；宽度：800px；保证金：0自动；}li{宽度：50%;高度：7rem；边框：1px实心#ccc；框大小：边框框；向左飘浮;溢出：隐藏；位置：相对；}lii{宽度：20px;高度：20px；边界半径：20px；位置：绝对；边框：2px实心#21d658；z-索引：0；左：50%；顶部：50%；边距顶部：-11px；左边距：-11px；动画：无限移动1s；}lii:before{位置：绝对；宽度：5px；高度：5px；边界半径：4px；内容：””;框阴影：0010px#666；背景：#fff；边框：1px实心#fff；顶部：-3px；左：50%；左边距：-3px；}img{垂直对齐：中间；边框宽度：0；宽度：100%；位置：相对；z-索引：1；}@keyframes移动{0%{变换：rotateZ(0);100%{transform:rotateZ(360deg);我在代码演示部分使用了CONMON.css。如果你不知道，我也有一个公司的标准。请注意我页面中的JS部分。这部分是关键部分。注释的地方希望脚本小伙伴们一起努力吧！！
