《响应式Web设计:HTML5和CSS3实战(第2版)》[英]Ben Frain著【摘要书评在线阅读】-苏宁易购图书

云钻刮券活动规则

活动时间

活动自2017年6月2日上线，敬请关注云钻刮券活动规则更新。

活动形式

会员打开苏宁易购wap端、PC端、苏宁易购APP端方可参与活动。
活动方式为云钻刮券，每次刮券需要扣除200云钻。奖励分为无敌券和店铺云券两种，100%刮出无敌券或店铺云券。店铺券由店铺提供，用户可以根据购物需求，在无敌券和店铺云券之间二选一。如因为网络、用户关闭等原因，造成页面关闭，导致用户没有或无法选择，系统将在5分钟内自动按照获得的无敌券面额发放到用户账户。
每人每天参与刮券次数上限为1次。活动每日限量，如用户参与时已达到活动最高上限，则不能再继续参与，次日可以继续参与。
如会员在刮券时选择了店铺云券，券发至账户后则无法再更改为平台的无敌券；如会员在刮券时选择了平台的无敌券，券发至账户后则无法再更改为店铺云券。
云钻刮券获得的不固定面值的券，会随机获得无敌券：0.1~5元、10元、30元、50元、99元的无敌券或不同面额的店铺云券。
券是否成功发放，可在“我的优惠券”中查询。

其他

如活动受政府机关指令需要停止举办的，或活动遭受严重网络攻击需暂停举办的，或者系统故障导致的其它意外问题，苏宁无需为此承担赔偿或者进行补偿。

券使用规则

不同面额券有不同的使用门槛，0.1~5元、10元、30元、50元、99元无敌券为无门槛使用，具体以实际发放券说明为准。配送方式仅限选择配送使用，不能抵扣运费部分。
用户刮券获得的店铺云券可与店铺内领取的店铺易券叠加使用。
店铺云券使用门槛等具体信息以商家在其店铺内的设置使用说明为准。
无敌券可用于单件商品的付款，也可用于购物车合并下单付款，同时支持在跨店铺订单中使用。店铺云券仅可使用在指定店铺中，注：部分店铺活动商品不支持用券，以订单实际提交为准。
云钻刮券获得的无敌券可以购买大聚惠、抢购、团购、手机专享价，但不可购买闪拍、预售、S码、名品特卖、海外购、秒杀、虚拟产品、法律规定限制产品如一段奶粉（包括但不仅限列出的商品）等、云钻加钱兑及云钻全额兑。
在购物时，点击购买后，页面会提示可使用易购券，只要点击选择易购券即可抵用扣除对应金额。云钻刮券获得无敌券或店铺云券使用时可用于抵扣商品金额，不能抵扣运费、运费险、增值服务等非商品金额。
云钻刮券获得的无敌券或店铺云券可与店铺页面领取的店铺易券叠加使用，付款时默认优先使用力度较大的店铺优惠券，如使用店铺易券后的订单金额仍然满足云钻刮券所获得店铺云券使用条件，可继续叠加使用店铺云券。（举例：店铺在页面设置满199减50元的店铺易券，同时用户在店铺刮券获得一张满20元减20元的店铺云券，如商品订单金额为200元，会员在用已使用领取的50元店铺易券情况下，仍然可以使用云钻刮券获得20元店铺云券）。
云钻刮券获得的无敌券或店铺云券不得提现，不得转赠他人，不得为他人付，不得拆分使用。
一个订单最多使用6张易购券。
云钻刮券获得的有效期为：自获得之日起7天内有效（部分活动券可能存在不同有效期，具体详见“我的优惠券”内易购券有效期说明）。
在获取和使用券过程中，如果出现违规行为（如作弊领取、恶意套现、刷取信誉、虚假交易等），苏宁将取消用户的中奖资格，并有权撤销违规交易、收回易购券（含已使用的易购券及未使用的易购券）,必要时追究法律责任。
使用易购券的订单若交易未成功或发生退款及售后，在交易所使用的易购券有效期内订单取消完成的，易购券将退回用户账户，退回后的易购券有效期不变。如在使用的易购券有效期之外发生退款，所使用的券退回当天有效，过期不予退还。如发生售后退款，易购券退回当天有效，过期不予退还。

第1章　响应式Web设计基础　　1
1.1　定义需求　　1
1.2　什么是响应式Web设计　　2
1.3　浏览器支持　　2
1.4　第一个响应式的例子　　4
1.4.1　HTML　　5
1.4.2　图片　　8
1.4.3　媒体查询　　10
1.5　示例的不足之处　　14
1.6　小结　　15
第2章　媒体查询　　16
2.1　为什么响应式Web设计需要媒体查询　　17
2.2　媒体查询的语法　　18
2.3　组合媒体查询　　19
2.3.1　@import与媒体查询　　20
2.3.2　在CSS中使用媒体查询　　20
2.3.3　媒体查询可以测试哪些特性　　20
2.4　通过媒体查询修改设计　　21
2.4.1　任何CSS都可以放在媒体查询里　　23
2.4.2　针对高分辨率设备的媒体查询　　23
2.5　组织和编写媒体查询的注意事项　　24
2.5.1　使用媒体查询链接不同的CSS文件　　24
2.5.2　分隔媒体查询的利弊　　25
2.5.3　把媒体查询写在常规样式表中　　25
2.6　组合媒体查询还是把它们写在需要的地方　　25
2.7　关于视口的meta标签　　27
2.8　媒体查询4级　　28
2.8.1　可编程的媒体特性　　29
2.8.2　交互媒体特性　　30
2.8.3　悬停媒体特性　　30
2.8.4　环境媒体特性　　31
2.9　小结　　31
第3章　弹性布局与响应式图片　　32
3.1　将固定像素大小转换为弹性比例大小　　33
3.1.1　为什么需要Flexbox　　36
3.1.2　行内块与空白　　37
3.1.3　浮动　　37
3.1.4　表格与表元　　37
3.2　Flexbox概述　　38
3.2.1　Flexbox三级跳　　38
3.2.2　浏览器对Flexbox的支持　　38
3.3　使用Flexbox　　39
3.3.1　完美垂直居中文本　　40
3.3.2　偏移　　41
3.3.3　反序　　42
3.3.4　不同媒体查询中的不同Flexbox布局　　43
3.3.5　行内伸缩　　44
3.3.6　Flexbox的对齐　　45
3.3.7　flex　　50
3.3.8　简单的粘附页脚　　52
3.3.9　改变原始次序　　53
3.3.10　Flexbox小结　　57
3.4　响应式图片　　58
3.4.1　响应式图片的固有问题　　58
3.4.2　通过srcset切换分辨率　　59
3.4.3　srcset及sizes联合切换　　59
3.4.4　picture元素　　60
3.5　小结　　61
第4章　HTML5与响应式Web设计　　62
4.1　得到普遍支持的HTML5标记　　63
4.2　开始写HTML5网页　　63
4.2.1　doctype　　64
4.2.2　HTML标签与lang属性　　64
4.2.3　指定替代语言　　64
4.2.4　字符编码　　64
4.3　宽容的HTML5　　65
4.3.1　理性编写HTML5　　66
4.3.2　向标签致敬　　66
4.4　HTML5的新语义元素　　67
4.4.1　