10.25号笔记（音乐）
脚本宝典收集整理的这篇文章主要介绍了10.25号笔记（音乐），脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/Music.css"/> </head> <body> <!--头部--> <div class="content"> <h1>购物须知</h1> <ul> <li><a href="#type1">预定商品</a></li> <li><a href="#type2">专辑价格</a></li> <li><a href="#type3">发货周期</a></li> <li><a href="#type4">快递</a></li> <li><a href="#type5">售后相关</a></li> </ul> <div class="type" id="type1"> <h3></h3> <div class="text"> <p>预定商品：非现货的商品，为确保供货数量以及避免过量囤积，因此将通过收取预定金的形式进行把控，且无论是哪种形式的预定商品，预定金一旦支付成功，均不予以退还，敬请周知。</p> <p>如预定商品为全款预定金商品，那么商品正式发行后，则会直接发货；</p> <p>如预定商品为定额预定金商品（众筹预定），那么商品正式发行后，则需再补充支付尾款。如若不支付尾款，预定金则不予以退还。</p> <p>*预定金是指商品正式发行前夕，预定购买时所支付的一定数额的金钱作为担保。</p> <p>预定商品的预定金分为全款预定金和定额预定金两种形式。</p> </div> </div> <div class="type" id="type2"> <h3></h3> <div class="text"> <p>商城发售的海外专辑的全款价格内包含专辑定价+国际邮费+关税+增值税+审批费用，不含国内邮费。。</p> <p>如专辑为众筹预定商品，则专辑发行后会短信通知补款，补款成功后同步计入专辑销量（韩国专辑计入Hanteo Chart销量榜）。</p> </div> </div> <div class="type" id="type3"> <h3></h3> <div class="text"> <div class="img1"> <img src="img/buyer/1.jpg"/> </div> <p>补充说明：</p> <p>商城发售的海外进口专辑均为预售专辑；</p> <p>进口外文原版专辑需要报批审核，并加贴「国家专用进口防伪标识」贴纸。审核周期约为20个工作日，因需用实体专辑报批，所以在专辑正式发行后才可递交报批材料。</p> <p>另外，国际运输+中国海关开箱验货+通关周期约为2周左右。</p> <p>预售海外专辑预计将于专辑正式发售后40个工作日内发货。当专辑发行时间与法定假日冲撞时，则会进行顺延，具体时间将根据当时情况另行通知。</p> <p>(此为参考时间，发货时间以实际情况为准）</p> </div> </div> <div class="type" id="type4"> <h3></h3> <div class="text"> <p>订购众筹商品时暂不需要支付邮费，商品补款时支付国内邮费。</p> <p>全款预定订单下单时支付国内运费。</p> <p>邮费计算说明：</p> <div class="img1"> <img src="img/buyer/2.jpg"/> </div> <p>商城委托第三方快递公司为客户提供送货服务，客户无须向快递公司支付额外的费用。客户可在商城“我的订单”查询货物配送信息，也可以登录第三方快递网站查询快递信息。</p> <p>注意：港澳台地区的用户下单后需联系商城QQ客服补运费后才能正常发货。</p> <p>下单时请在留言区备注可以联系上的QQ，若没有QQ，请留下邮箱地址，以便工作人员与您取得联系。</p> </div> </div> <div class="type" id="type5"> <h3></h3> <div class="text"> <p>商品售出后，如无质量问题不予退换，不接受如不喜欢、和想象的不一样、有色差等主观因素的退换要求。</p> <p>快递签收后7日内，如出现非人为因素的损坏，或密封包装内的商品有缺失等质量问题，需提供电子订单，商品和快递外包装完整图片，联系音悦商城售后客服进行退、换货。</p> <p>如因商城的原因出现少发、漏发等情况，可联系商城客服凭商城购物订单号确认后进行补发；如出现发错件的情况，可在保持专辑包装完好、不影响二次销售的状态下，进行更换，已拆封的音像制品将无法受理退、换货，请您谅解。</p> <p><div class="p2">缺失商品的补发、损坏商品换货的邮费<span>均由商城承担。</span></div></p> <p class="p1">要进行退、换货时，需将退、换商品寄回，请您先垫付寄回运费，后联系商城客服进行退邮费。寄回商品时请发普通快递，不要使用顺丰到付，否则将拒收，退邮费上限为15元，超出部分将由您自己承担，敬请谅解</p> <p>请您一定要当快递员的面拆件检查货品是否完好后再行签收。如有破损请不要签收，并交与快递员原件退回。</p> <p>如未检查就签收包裹而引发问题，商城将无法为您向快递索赔，造成的损失将由买方承担。</p> <p>请您一定保证收货信息正确，联系电话畅通。如因买家原因，快递公司人员未能与买家联系到，导致无法正常收货或货品退回出现的商城二次发货，需要买家补款二次邮费。</p> </div> </div> </div> </div> <!--尾部--> </body></html>
CSS样式
.content{ width: 1000px; margin: 0 auto;}
.content h1{ font-size: 44px; color: #de4767; text-align: center; font-weight: normal;}
.content ul{ text-align: center; padding-left: 0px;}
.content ul li{ /*float:left;*/ display: inline-block; background-image: url(../img/buyer/mod_circle.png); background-repeat: no-repeat; background-position: center 5px;}
.content ul li:hover{ background-position: center -95px;}.content ul li a{ padding-top: 40px; display: block; text-decoration: none; color: #333;}
.content ul li a:hover{ color: #de4767;}
.content .type h3{ background-image: url(../img/buyer/mod_title.png); background-repeat: no-repeat; background-position: 0px -190px; height: 50px;
}.content #type2 h3{ background-position: 0px 0px;}
.content #type3 h3 { background-position: 0px -90px;}.img1{ text-align: center;}
.p1{ font-size:16px; color: floralwhite; background-color: #DE4767;}
.p2{ text-indent: 2em; color: #DE4767;}.p2 span{ color: #333333;}.content #type4 h3 { background-position: 0px -280px;}
.content #type5 h3 { background-position: 0px -590px;}
.content .type .text{ border: 2px solid #ccc; border-radius: 10px; padding: 20px 25px; font-size: 14px; }
.content .type .text p { /*缩进两个字符*/text-indent: 2em; line-height: 2em; margin: 0;}
要点：
添加图片 background － image : url (./ img / buyer / mod _ circle . png );
d .伪类选择器: E : link 超链接点击之前、 E : visited 链接被访问过之后 E : hover 鼠标放到标签上的时候、 E : active 鼠标点击标签,但是不松手时。 E : focus 是某个标签获得焦点时的样式(比如某个输入框获得焦点) E : lang ( fr )允许您为不同的语言定义特殊的规则。
/圆角* border - radius :10px;/*首行缩进2字符*/ text - indent 2em;/字符中的行与行之间的间距*/ line - height :2em;
css中精灵图是什么意思？
css精灵图(sprite)直译为“CSS精灵”，也被称为通常被解释为“CSS图像拼合”、“CSS贴图定位”或“CSS图片精灵”、“CSS雪碧图”，是一种网页图片应用处理方式。
其实就是把一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
怎么使用css精灵图(sprite)？
css精灵图(sprite)其实就是通过将多个图片融合到一张图片文件中，使用CSS background和background-position属性渲染，这也就意味着你的标签变得更加复杂了，图片是在CSS中定义，而非标签。
在需要用到图片的时候，现阶段是通过CSS属性background-image组合background-repeat, background-position等来实现图片的显示。
脚本宝典总结
以上是脚本宝典为你收集整理的10.25号笔记（音乐）全部内容，希望文章能够帮你解决10.25号笔记（音乐）所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
- clion结合vcpkg以及GTest的使用 2022-07-07
- EGF 2022-06-06
- ExtJS 布局-Column布局（Column layout） 2022-06-05
- 颜色之ARGB与RGB、RGBA的区别与介绍 2022-04-15
- rgba中的a是什么意思 CSS之RGBA颜色指南 2022-04-15
- rootfs -根文件系统制作 2022-07-07
- 网页简单布局之结构与表现原则分享 2022-04-15
- 小项目中怎么防止Vue的闪现画面效果 2022-04-15
- 隐藏 Web 中的元素方法及优缺点教程详解 2022-04-15
- 告别硬编码让你的前端表格自动计算的实例代码 2022-04-15