HTML内容部分：
CSS内容部分：
哇哇哇，今天还是很开心的哦。哈哈哈...小张加油！
<!DOCTYPE html><html><head><meta charset="utf-8"><title>专辑</title><link rel="stylesheet" type="text/css" href="css/list.css" /></head><body><iframe src="head.html" width="100%" height="196px"></iframe><div class="content"><div class="type-container"><p class="zj">专辑</p><!-- type-container--type的容器--container --><div class="type"><!-- ctrl+(shift+f)/k整理代码 --><dl><dt>分类</dt><dd><!-- ul>li*6 --><ul><li>原版</li><li>签名版</li><li>内地引进版</li><li>演唱会DVD/LIVE</li><li>限量版</li><li>贴纸/文件夹/笔记本</li></ul></dd></dl><dl><dt>公司</dt><dd><!-- ul>li*6 --><ul><li>MBK Entertainment</li><li>环球唱片</li><li>艺人工作室</li><li>英皇娱乐</li><li>Fantagio</li><li>Woolim</li><li>WM Entertainment</li><li>相信音乐</li><li>TS Entertainment</li><li>环球中国</li><li>华纳唱片</li><li>天娱传媒</li><li>LOSE Entertainment</li></ul></dd></dl></div></div><!-- 以下为列表 --><div class="list"><!-- ul>(li>a>img+span.title+div>span.money+img+span.num)*15 --内容的所有框架缩写---><ul><li><a href="buy.html" target="_top"><img src="img/pro/1.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><!-- <span class="love"></span> --><!-- 全部替换 替换区 ctrl+h--替换文本 --><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/2.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/3.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/4.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/5.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/6.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/7.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/8.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/9.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/1.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/2.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/3.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/4.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/5.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li><li><a href="buy.html" target="_top"><img src="img/pro/6.jpg" alt=""><p class="title">宇宙少女 迷你五辑《WJPLEASE?》</p><div><span class="money">￥50</span><span class="love"></span><span class="num">787878</span></div></a></li></ul></div></div><div class="tp"><img src="img/footer_v180123.png" ><iframe src="foot.html" width="100%" height="200px"></iframe></div></body></html>
![一个小小的移动web版音乐播放器[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)