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=)