整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
片来源@pexels
2021年，娱乐圈的关键词必然离不开“塌房”、“饭圈”与“整肃”。
近有王力宏私生活混乱导致“优质偶像”塌房、薇娅偷税漏税，远有年初的郑爽代孕弃养和阴阳合同事件，年中的《青春有你3》粉丝倒奶事件，吴亦凡性侵粉丝事件等，引发了公众对艺人道德失范和饭圈问题的空前关注。
乱象之下，有关部门与行业协会先后出台了一系列措施促进影视行业的规范化：倒奶事件后，网信办发布了为期2个月的“清朗·‘饭圈’乱象整治”专项行动；一连串明星塌房事件过后，《关于进一步加强娱乐明星网上信息规范相关工作的通知》《关于进一步加强文艺节目及其人员管理的通知》出台。
在政令措施之下，大量劣迹艺人都被挡在了市场之外。此外，常年激烈的饭圈硝烟战场，也获得了片刻的安宁。
不过，在法令与行政处罚到来之前，演艺经纪的规范化更需要的是防患于未然。否则，一旦惩戒的利剑挥下，欣欣向荣的行业或者公司，便会只剩一地鸡毛。
2021年，受劣迹艺人的有关影响，诸多影视文化公司不幸“躺枪”。
以8月初钱枫、霍尊二人的事件为例，芒果超媒作为明星出品节目——《披荆斩棘的哥哥》的利益捆绑者，在艺人道德失范被曝光后，遭遇了股价的暴跌：年初市值触及1650亿元的这家行业龙头企业，12月1日的市值已经腰斩至了850亿元。
饭圈事件对企业的影响也不容小觑。彼时，5月初《青你3》由于倒奶事件造成的停播，使得背后的出品方爱奇艺在5月6日股价报收14.11美元，为截至当时的历史最低收盘价，市值111.4亿美元，股价同样腰斩。
从许多案例可以看出，在明星艺人和饭圈事件有关影视剧/节目被封禁之时，对于娱乐公司而言，蒙受的损失已然形成。因此，大量的影视公司、社交平台也开始在艺人道德失范与饭圈整治方面自查自纠、未雨绸缪。
譬如，在“倒奶事件”发生之后，爱奇艺除了重新研究综艺节目的助力规则之外，对于平台长期的内容管控也做了落实。
6月，在清朗行动发布后，爱奇艺表示将重点整治“诱导未成年人无底线追星”等行为，主动清理有害信息，重点清理水军刷榜、职业黑粉、恶意营销、刷量控评等各类干扰正常网络信息传播秩序的行为。
作为明星和粉丝都扎堆的社交平台微博，2021年也在诸多栏目、功能与用户管理上做了调整：
先是带来非理性追星的“明星势力榜”的下线；再是在平台上传播非理性追星内容的粉丝被禁言、封号；10月底，微博还对MCN的管理做了进一步的规范，不得传播热点事件中明显带节奏、引发对立的话题，不得戏说历史，不得贩卖焦虑、宣传拜金……
豆瓣方面，2021年也于9月6日至13日，12月2日至12月16日两次暂停“小组”回复功能的使用，根据有关部门进行整改。
豆瓣整改
在全网的范围内，据《人民日报》报道，仅6月至8月初，网络平台已累计清理负面有害信息15万余条，处置违规账号4000余个，关闭问题群组1300余个。
除了直接对问题艺人、信息等开刀，相关企业还在探索深化艺人服务管理的有关措施。
与明星声誉直接挂钩的影视公司，如今也试图把污点艺人可能带来的损失扼杀在摇篮里。
欢瑞世纪的主要动作是降低对单个艺人的依赖度，注重对艺人的选拨，对艺人梯队的优化。
此前，希望被正名为“影视剧投资、出品与发行公司”的欢瑞世纪，却常常被冠以“艺人经纪公司”的名号。与明星深度绑定，成为了欢瑞难以挣脱的枷锁。
在刚刚过去的2021年11月，欢瑞一姐杨紫宣布出走之后，欢瑞世纪股价盘中跌幅一度超过5.7%，当日收跌2.6%。数据显示，在2021年1-6月，欢瑞世纪在影视剧及衍生品上的收入占总营收的12.65%，艺人经纪却高达87.35%。在这其中，贡献33.08%、居于首位的艺人经纪中，涉及的艺人被认为正是指杨紫。
在杨紫之前，杨幂、李易峰和杨洋与欢瑞的先后分手，也都挑动了这家影视公司的经脉。
而如今，在接受媒体公开采访时，欢瑞表示，公司将培养艺人上升到“选、育、服”全产业链的阶段，注重对艺人专业素养、道德素养的共同培育。此外，欢瑞还在探索艺人服务专业化、信息化、标准化的管理体系。
在文娱公司普遍优化自身管理的背景之下，艺人道德失范相关产业也随之发展。
近几个月来，一直为泛娱乐公司提供信息的艾漫数据，业务量猛增。
艾漫数据的董事长夏宗靓对钛媒体App表示，自2012年成立以来，他们提供的数据中一直包涵“艺人风险尽调”业务，但之前客户的重视度不高。
“直到今年，艺人‘翻车’事件屡屡发生，不仅造成了恶劣的社会影响，也给品牌方、影视公司等利益相关方造成了切实损失，艺人尽调服务才开始得到更多重视。尤其是8月份吴亦凡事件后不到一周时间，该服务就接到了40多单，目前每单的价格在含税5.3万元。”夏宗靓谈到。
艾漫数据的艺人风险尽调业务核心包括艺人四个方面的风险：政治风险、法律风险、道德风险和商业风险。尽调报告会分析艺人这四个层面在公共场合、网络空间中的既往行为、言论和舆情存在的潜在风险点、风险热度和风险持续时间等。
今年，由于政策对艺人的管控趋严，并且在某几个方面有着定向强化的趋势，因此，艾漫数据就陆续增加了粉丝风险、境外媒体排查、艺人个人生活、社会关系链等未被媒体公布的数据等。
据新周刊报道，曾经专门做公关、营销传播分析的湖南识微科技公司，现在也开始了关于艺人的“舆情监测”服务，该服务与“艺人风险尽调”概念类似。
就在12月17日，提供各行业信息的艺恩数据，也上线了代言人风险监控功能，包含了艺人风险查询、风险概览、风险动态、监控列表、风险预警五个模块。
还有做数据服务的工作人员告诉钛媒体App，“如今，基本上每个稍有名气的艺人，都有公关公司帮忙做舆情监测。”
对于一般舆情与数据分析来说，调查艺人并非难事。大多数公司都有过往架设的关于泛娱乐的大数据资产积累，基于7x24小时的抓取，用户只需购买服务，便可以自定义监测主题，在全网甚至外网对艺人资讯进行检测。
除此之外，对于一些专业公司的个别业务而言，如今新增的线下走访与调研，可以更大程度地完成艺人风险识别、监控和评估。这样的详细调研大约需要3至7个工作日。
除了数据公司、公关公司提供舆情信息与风控数据外，针对艺人风险的法务咨询也普遍增加。
京师律师事务所的律师李策在接受钛媒体App采访时谈到，如今，由于一位失德艺人导致整部剧都无法播出的例子屡见不鲜，因此，公司与艺人签订长期合作时的法律咨询业务大幅度增加。
中闻律所的刘彬也表示，其律所在娱乐方面的业务主要是为娱乐公司提供经纪合同、业务合同等的拟定或审查的相关服务，对于合同中的法律风险提出建议，业务量比较稳定；但是客户对于风险识别、风险防范预案的要求会有所提高。
除了风控、法务之外，行业监督也在助力艺人的道德合规化。
中国演出行业协会网络表演（直播）分会近日发布了第九批网络主播警示名单，包括“铁山靠”“郭老师”两名职业主播和“吴亦凡”“郑爽”“张哲瀚”三名演员在内的88名主播将在行业内被实行联合抵制和惩戒。
这是违法失德艺人首次被纳入网络主播警示名单中，防止劣迹艺人转移阵地复出。
很显然，在配套艺人风险调查服务、法律咨询和行业监督日趋完善的当下，一方面，企业面临的艺人风险会随之减少：艺人风险尽调、行业监督可以在源头上降低昔日劣迹艺人签约的可能；法律咨询可以帮助企业在签约时与签约后降低艺人连带风险、及时与劣迹艺人完成利益切割。
与此同时，借助于这些外部的机构，多维度的数据得以使艺人道德状况更加透明化，使得失德艺人的市场议价能力降低；影视公司与艺人之间更严格的法律条款，可以增加艺人道德失范所需承担的经济成本；行业协会名单的不定期更新，会给劣迹艺人敲响名誉的警钟。
因此，这些相关机构的服务与监督，可以倒逼艺人更加遵纪守法。
尽管多方主体都在艺人道德失范中发挥了作用，但与之相伴的争议也随之而来。
随着舆论对私德的讨伐越来越深入，“艺人风险尽调”业务在线下资源整合发展、功能更强大的同时，艺人的私生活应该多大程度被曝光在聚光灯之下，也成为行业与专家关注的焦点。
根据《民法典》第1032条明确规定，自然人享有隐私权。任何组织或者个人不得以刺探、侵扰、泄露、公开等方式侵害他人的隐私权。
对此，在刘彬律师看来，
专业的风险尽调有明确的规范，需要正式授权、不可触及隐私、结果严格保密。隐私包括个人信息、个人空间和个人生活三个方面，虽然公众人物的隐私权因为曝光度高，会受到一定程度的限制，但是对于纯粹与演艺事业无关的信息，依然严格依法保护。
因此，演艺公司在做委托尽调之前，尽可能取得艺人授权或者签订相关的承诺书，做尽调时要把握手段的合法性，不能采取偷窥、偷拍、窃听等手段，更应当注意严格保密，用于和签约等双方内部商业合作。
争议还来自行业监督。
中国演出行业协会此前发布的主播警示名单，遭遇了部分网友对其“程序正义”的质疑。日前，针对网友的一些质疑，该行业协会回应：
自律惩戒不是行政处罚，不具备强制性；公布警示名单、对违法失德人员进行联合抵制有一整套列入、评议、审议、申诉、移除等程序，均由会员单位集体决策制定的行业自律规范规定；此外，协会还接受主管部门、会员两个不同层面的监督。
事实上，据多位mcn机构、影视公司的工作人员表示，行业有关协会与组织对娱乐圈中的粉丝等进行监督、失德艺人进行抵制的行为，在全球演艺圈中有着普遍的认同。
钛媒体App查询相关资料后发现，亚洲与欧美多国都有规范艺人行为道德的相关协会，并且对于明显违反规定的艺人，也曾给予过严厉处罚。
以韩国为例，涉毒艺人面临的，一方面是来自制度的约束，三大公共台主导大部分电视剧播放和编制权，发现艺人吸毒，可以直接选择完全删除戏份，甚至直接停播；另一方面是来自韩国演艺经纪人管理协会的行业规范压力，SM等韩国60多家大型娱乐公司均是该协会的会员。该协会旗下专门设立了“演艺赏罚调整伦理委员会”，会对涉毒艺人与其经纪人均作出惩罚，甚至下达永久封杀令。
此前，因《宫》走红的朱智勋，就因染毒惨遭电影换角、电视台封杀。
不过，国内的争议点在于抵制的具体规则。对于中国演出行业协会的做法引发争议一事，在某电影MCN的媒介经理布鲁斯看来，这是由于行业人士、民众与协会对不同劣迹行为是否应该被抵制、还有其抵制程度存在分歧。若劣迹艺人遭遇永久封杀的比例过高，那么此前对德育要求相对欠缺的演艺行业，便会在短期内受到重创。
不过，根据早在今年2月发布的中国演出行业协会新规《演出行业演艺人员从业自律管理办法》来看，当下，“劣迹艺人”的惩戒措施并非一刀切，抵制时长分为1年、3年、5年或永久期限的联合抵制。并且，在联合抵制期限届满前3个月内提出申请，经过同意后，艺人还可以继续从事演出活动。
由此看来，当下的行业监督行为，至少已经做到了梯度式管理。不过未来，更细化的标准还亟待落地。
法令永远是扼制艺人道德失范与饭圈乱象的最后一道防线。
对于艺人、粉丝与艺人经纪公司的工作人员而言，防患于未然的方式其实有很多种，其中之一就是教育。通过行业协会和监管部门的规制，这些主体提供职业道德教育培训，可以增强文娱从业者的自律性。
今年，为了提升艺人的综合素养，广电总局官方举办了“德艺双馨班”，为艺人失范的预防提供了一种路径参考。
更具有深远意义的是今年推出的艺考改革方案。
9月，教育部出台了《关于进一步加强和改进普通高等学校艺术类专业考试招生工作的指导意见》，其改革核心主要有以下几点:
改革要点一：扩大省级统考范围，限制高校校考；
改革要点二：逐步提高文化成绩要求，扭转“重专业轻文化”的倾向；
改革要点三：考评人员遴选制度、回避制度、信息公开制度。
当下，演艺圈被人诟病的问题，包括艺人当演员的门槛低、来钱快、演技差、道德素养不足等。这三个改革要点，击中的正是造成娱乐圈混乱局面的一些根本因素：
扩大省级统考范围、加强考评人员遴选制度、回避制度等，可以尽可能减少校考、熟人监考带来的权力寻租问题，从而降低明星子女在艺校招考中的优势地位；逐步提高文化成绩的要求，可以一定程度提升艺人的人生价值观、个人道德观、历史观等等，减少偷漏税、吸毒、代孕弃养等事件的发生概率。
教育的受众还需包括与娱乐圈紧密相关的用户群体——粉丝群。
今年以来，在清朗行动的治理之下，微博上不允许再出现“xx粉丝后援会”之类的ID了，但这在一位粉丝田田看来，是治标不治本的行为：“‘后援会’禁掉了，但是大家只是改了个名字，这些账号都还在；所以，清朗行动中的部分措施没能从源头上解决问题，上有政策、下有对策，还是会偷偷进行的。”
还有网友阿布萨德对钛媒体App表示，微博目前与清朗相关的举报制度，其实就是粉黑大战，比如韩娱大吧会在团回归的时候进行正常的专辑代购，却会因为专辑代购以非法集资的名义被举报。
针对这些宜疏不宜堵的饭圈问题，刘彬律师给出了一些建议：“其实，在粉丝群体较活跃的地方，比如微博、豆瓣、哔哩哔哩等互联网平台，可以通过在这些平台建立一些道德合规、普法方面的账号，结合娱乐圈发生的事件以及国家相应政策，提供具有针对性和专业性的分析与建议。”
近两年，一些知识类kol在微博、B站、抖音的影响力显著提升,包括中国政法大学的罗翔老师，在哔哩哔哩的粉丝量已经达到了2000万以上。对于知识普及而言，通过视频传递的、轻松幽默、深入浅出的输出方式，已经初步达到了降低受众门槛、扩大普及范围的效果。
娱乐法这个垂类领域，也涌现了“聊聊吧娱乐法精英”访谈类节目、娱乐法李振武等一些博主，不过目前声量相对不足，未来还有广阔的拓展空间。
对于饭圈打榜等问题，其治本的方式还离不开改变影视剧的购销机制。
2021年8月底，编剧汪海林就曾在参加行业会议时与其他几位制片人谈到，“现在给平台报一个流量（明星）的话，他们还是很高兴要，怎么办？”
目前，对于腾讯视频、爱奇艺、优酷等视频平台而言，根据平台对电视剧影响力的评估，大致会将电视剧分为S级、A级与B级、C级。其中，S级与A级在营销的露出位置、焦点图、花絮与推送弹出均有较大差异。
而经钛媒体统计发现，2021年腾讯视频的6部S级分账剧，其最大的特点依然离不开顶流艺人，播放量也均在20亿以上，但最终的豆瓣评分却并不够理想。与之相对的，是豆瓣评分高达8.2分的《爱很美味》，由于没有顶流卡司、缺少一级宣发资源，尽管口碑逆袭，但播放量依旧不过3.5亿。
S级项目流量与口碑情况
正因为流量明星依旧是各大影视公司与平台的香饽饽，所以流量提升，就成为了明星获得更多项目机会的重要因素。这就构成了此前粉丝不断打榜的逻辑——为了让偶像在人气、在演艺机会上立于不败之地，氪金打榜似乎成为了“唯一出路”。
但事实上，在编剧汪海林看来，如果影视行业的购销机制能够发生转变——影视剧定级的方式更多考虑剧本质量等因素，减少艺人咖位因素的占比，或许行业生态就会更加理想。
当然，购销机制的改变必然要立足于市场，市场若对流量明星的认可度开始降低，则原本的唯明星论的影视剧产销模式也会被倒逼着改变。
2017-2019年上半年，我国电影各评分区间的票房峰值与分数之间的正相关性逐年走高，这也侧面说明了明星效应与营销作用已经被削弱。
2017-2019年票房与口碑的正相关增强
今年，冷门爆款影片《扬名立万》的9亿票房收入，与热门高预期的影片《秘密访客》2亿票房之间的巨大差距，还有非流量正剧《觉醒年代》的口碑热度双丰收，都体现出了受众比从前更高的审美水准。
尽管市场的购销机制具有滞后效应，但目前，受众反馈已经给影视剧未来的采买趋势指明了风向标。唯流量决定价格的时代，即将远去，饭圈为偶像打投才能让偶像被看见的日子也将不再。行业也会因此回归冷静，挤出更多的浮沫，影视剧的质量有望回升。
我们不能期待演艺行业的颠覆式变革会在朝夕之间。毕竟，合规化的过程道阻且长。（本文首发钛媒体App，作者 | 陶淘）
信我或关注猿来如此呀公众号，回复：视频学习，即有机会免费领取30天视频学习资源包
字体语法：
align=center 字体居中
align=right 字体居右
align=left 字体居左
align=up 字体居上
align=down 字体居下
<"> <"> <"> <b>...</b> 粗体字
<strong>...</strong> 99彩票|http://99caipiao.com.cn粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<dfn>...</dfn> 斜体字(表示定义)
<u>...</u> 底线
<ins>...</ins> 底线(表示插入文字)
<strike>...</strike> 横线
<s>...</s> 删除线
<del>...</del> 删除线(表示删除)
<kbd>...</kbd> 键盘文字
<tt>...</tt> 打字体
<"> <listing>...</listing> 固定宽度小字体
<"> <hr> 水平线
<hr size="9" 水平线(设定大小)
<hr width="80%"> 水平线(设定宽度)
<hr color="ff0000"> 水平线(设定颜色)
<br> (换行)
<nobr>...</nobr> (不换行)
<p>...</p> (段落)
<center>...</center> 置中 <!>连结格式
<base href=地址> 99彩票|http://99caipiao.com.cn (预设好连结路径)
<a href=地址></a> 外部连结
<a href=地址 target="_blank"></a> 外部连结(另开新窗口)
<a href=地址 target="_top"></a> 外部连结(全窗口连结)
<a href=地址 target="页框名"></a> 外部连结(在指定页框连结)
贴图/音乐：
<img src=图片地址> 贴图
<img src=图片地址 width="180"> 设定图片宽度
<img src=图片地址 height="30"> 设定图片高度
<img src=图片地址 alt="提示文字"> 设定图片提示文字
<img src=图片地址 border="1"> 设定图片边框
<bgsound src=MID音乐文件地址> 背景音乐设定
<body "> <body > 设定背景颜色
<embed src="flash地址" width="宽度" height="高度"> 贴Flash图
<img dynsrc="影视文件地址" width="宽度" height="高度" start=mouseover> 贴影视
<iframe src="相关地址" width="宽度" height="高度"></iframe> 贴网页
<A href="对方网址">写文字 99彩票|http://99caipiao.com.cn 文字连接
<a href="对方网址"><IMG src="图片地址" border=0> 图片连接
<DIV><"> <P align=center><"> <marquee>...</marquee>普通滑动
<marquee behavior=slide>...</marquee>滑动
<marquee behavior=scroll>...</marquee>预设卷动
<marquee behavior=alternate>...</marquee>来回滑动
<marquee direction=down>...</marquee>向下滑动
<marquee direction=up>...</marquee>向上滑动
<marquee direction=right></marquee>向右滑动
<marquee direction=left></marquee>向左滑动
<marquee loop=2>...</marquee>滑动次数
<marquee width=180>...</marquee>设定宽度
<marquee height=30>...</marquee>设定高度
<marquee bgcolor=FF0000>...</marquee>设定背景颜色
<marquee scroll99彩|http://99caiw.comamount=2>...</marquee>设定滑动速度数值
<marquee scrolldelay=200>...</marquee>设定滑动时间
<marquee scrolldelay=300 scrollamount=100>插入文字</marquee>滑动停顿
<body ">五．表格语法：
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table "> <table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclo99彩|http://99caiw.comrdark=颜色码>...</table>设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显示方式
<table width=宽度>...</table>指定表格的宽度大小(使用数字)
<table height=高度>...</table>指定表格的高度大小(使用数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<!>分割窗口 99彩|http://99caiw.com
<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超级链接的分割窗口
<A HREF=#锚的名称> 指定锚名称的超级链接
<A HREF> 指定超级链接
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
来源网络，侵权删除
私信我或关注猿来如此呀公众号，回复：视频学习，即有机会免费领取30天视频学习资源包
天小编给大家带来了一本适用于web前端开发各个阶段的超级好书——《响应式web设计》pdf电子版。文末附获取方式
本书堪称学习响应式Web设计的难得佳作。它不仅全面、细致、图文并茂地介绍了响应式设计相关的技术，比如媒体查询、流式布局、弹性媒体和弹性字体等，还把近几年来Web设计领域公认的最佳设计理念有机地融入到了实例当中，比如移动先行（Mobile First）、渐进增强、平稳退化、无障碍设计等。更加难得的是，本书以设计跨屏幕的网页（响应式设计）为出发点，以点带面，把如今Web设计领域两大标准的最新版本HTML5和CSS3也纳入其中，读者在掌握先进设计方法的同时也能掌握最新的设计技术（比如使用新的HTML5结构化语义标记、嵌入媒体、响应式视频，以及CSS3的新选择器、特效、过渡、变形和动画等），从而可以免除重复学习新标准之苦，让自己一步跨入Web设计领域的最前沿。无论你想学习响应式Web设计，还是学习HTML5和CSS3的实际应用，本书都能满足你的需要，是毋庸置疑的明智之选。
说到底，响应式Web设计并非一门独立的技术，而只是现有技术的一个组合应用。只要有一点HTML和CSS基础的读者都能顺利地掌握它。对于中、高级的前端设计和开发人员，翻阅本书也有助于理清自己的知识脉络，对这个新的设计理念获得更全面、深入的理解和把握。
目录
第1章 HTML5、CSS3及响应式设计入门 1
1.1 为什么智能手机很重要（而老版的IE不再重要） 2
1.2 响应式设计一定是最佳选择吗 3
1.3 响应式网页设计的定义 3
1.4 为什么要在响应式设计上停滞不前 4
1.5 响应式网页设计示例 4
1.5.1 下载视口调试工具 4
1.5.2 在线创意源泉 11
1.6 为什么HTML5很优秀 12
1.6.1 省时省力 12
1.6.2 新增了语义化标签元素 13
1.7 CSS3为响应式设计和更多创新奠定了基础 13
1.7.1 底线：CSS3不破坏任何东西 14
1.7.2 CSS3如何解决日常设计问题 14
1.8 看呐，不用图片 17
1.9 HTML5和CSS3现在就能用吗 20
1.10 响应式网页设计不是灵丹妙药 20
1.11 引导客户：网站不必在所有浏览器中表现一致 21
1.12 小结 22
第2章 媒体查询：支持不同的视口 23
2.1 现在就能使用媒体查询 23
2.2 为什么响应式设计需要媒体查询 24
2.2.1 媒体查询语法 24
2.2.2 媒体查询能检测那些特性 26
2.2.3 用媒体查询改造我们的设计 27
2.2.4 加载媒体查询的最佳方法 27
2.3 我们的第一个响应式设计 27
2.3.1 我们的设计是固定宽度的，不要惊讶 28
2.3.2 响应式设计中要保证图片尽可能精简 32
2.3.3 小视口下的内容剪切 33
2.4 阻止移动浏览器自动调整页面大小 34
2.5 针对不同视口宽度修正设计 37
2.6 响应式设计中内容始终优先 38
2.7 媒体查询只是必要条件之一 42
2.8 小结 42
第3章 拥抱流式布局 43
3.1 固定布局经不起未来考验 43
3.2 为什么响应式设计需要百分比布局 44
3.3 将网页从固定布局修改为百分比布局 44
3.3.1 需要牢记的公式 45
3.3.2 设置百分比元素的上下文 47
3.3.3 必须时刻牢记上下文 52
3.4 用em替换px 54
3.5 弹性图片 56
3.5.1 让图片随视口缩放 56
3.5.2 为特定图片指定特定规则 58
3.5.3 给弹性图片设置阈值 59
3.5.4 超级全能的max-width属性 61
3.6 为不同的屏幕尺寸提供不同的图片 61
3.7 流动网格布局和媒体查询的默契配合 66
3.8 CSS网格系统 66
3.9 小结 72
第4章 响应式设计中的HTML5 73
4.1 HTML5的哪些部分现在就能用 73
4.1.1 大多数网站可以用HTML5编写 74
4.1.2 腻子脚本和Modernizr 74
4.2 如何编写HTML5网页 75
4.2.1 HTML5的精简之道 76
4.2.2 HTML5标签的合理写法 76
4.2.3 伟大的<a>标签万岁 77
4.2.4 HTML的废弃零件 77
4.3 HTML5的全新语义化元素 78
4.3.1 <section> 78
4.3.2 <nav> 79
4.3.3 <article> 79
4.3.4 <aside> 79
4.3.5 <hgroup> 79
4.3.6 <header> 81
4.3.7 <footer> 81
4.3.8 <address> 81
4.4 HTML5结构元素的实际用法 81
4.5 HTML5的文本级语义元素 87
4.5.1 <b> 88
4.5.2 <em> 88
4.5.3 <i> 88
4.5.4 在页面中应用文本层语义元素 88
4.6 遵循WAI-ARIA实现无障碍站点 90
4.7 在HTML5中嵌入媒体 93
4.8 用HTML5的方法为页面添加视频或音频 93
4.8.1 提供备用的媒体源文件 95
4.8.2 针对老版本浏览器的备用方案 95
4.8.3 和标签的用法基本一致 96
4.9 响应式视频 96
4.10 离线Web应用 99
4.10.1 离线Web应用概述 99
4.10.2 让网页可离线使用 99
4.10.3 理解manifest文件 100
4.10.4 页面被自动加载到离线缓存 101
4.10.5 版本注释的用途 101
4.10.6 离线访问网站 101
4.10.7 离线Web应用的故障诊断 102
4.11 小结 103
第5章 CSS3：选择器、字体和颜色模式 104
5.1 CSS3给前端开发人员带来了什么 104
5.1.1 Internet Explorer 6到8对CSS3的支持 105
5.1.2 使用CSS3设计和开发页面 105
5.2 CSS规则解析 105
5.3 私有前缀及其用法 106
5.4 快速而有效的CSS技巧 108
5.4.1 CSS3多栏布局 108
5.4.2 文字换行 110
5.5 CSS3的新增选择器及其用法 111
5.5.1 CSS3属性选择器 111
5.5.2 CSS3结构伪类 113
5.5.3 对伪元素的修正 122
5.6 自定义网页字体 123
5.6.1 @font-face规则 124
5.6.2 使用@font-face嵌入网页字体 124
5.7 帮帮我，标题模糊怎么办 127
5.8 新的CSS3颜色格式和透明度 129
5.8.1 RGB颜色 130
5.8.2 HSL颜色 131
5.8.3 针对IE6、IE7和IE8提供备用颜色值 132
5.8.4 透明通道 132
5.9 小结 134
第6章 用CSS3创造令人惊艳的美 135
6.1 文字阴影 136
6.1.1 HEX、HSL或RGB颜色都可以 136
6.1.2 px、em或rem都行 136
6.1.3 取消文字阴影 138
6.1.4 制作浮雕文字阴影效果 139
6.1.5 多重文字阴影 140
6.2 盒阴影 140
6.2.1 内阴影 141
6.2.2 多重阴影 142
6.3 背景渐变 143
6.3.1 线性背景渐变 144
6.3.2 径向背景渐变 147
6.3.3 重复渐变 149
6.4 背景渐变图案 151
6.5 CSS3的响应性 153
6.6 组合使用CSS3属性 155
6.7 多重背景图片 159
6.7.1 背景图片大小 161
6.7.2 背景图片位置 161
6.7.3 背景属性的缩写语法 161
6.8 更多CSS特性 162
6.9 可缩放图标：响应式设计中的完美选择 162
6.10 小结 163
第7章 CSS3过渡、变形和动画 164
7.1 什么是CSS3过渡以及如何使用它 164
7.1.1 过渡相关的属性 166
7.1.2 响应式网站中的有趣过渡 168
7.2 CSS3的2D变形 169
7.3 尝试CSS3的3D变形 174
7.3.1 分析3D变形效果 176
7.3.2 3D变形尚未成熟 178
7.4 CSS3动画效果 179
7.5 小结 185
第8章 用HTML5和CSS3征服表单 186
8.1 HTML5表单 186
8.1.1 理解HTML5表单中的元素 188
8.1.2 placeholder 189
8.1.3 required 189
8.1.4 autofocus 190
8.1.5 autocomplete 191
8.1.6 list（及对应的datalist元素） 191
8.1.7 HTML5的新输入类型 192
8.1.8 日期和时间输入类型 198
8.2 如何给不支持新特性的浏览器打补丁 203
8.3 使用CSS3美化HTML5表单 204
8.4 小结 210
第9章 解决跨浏览器问题 211
9.1 渐进增强与优雅降级 215
9.2 该不该修复老版本IE 216
9.2.1 统计数据（再看看世界的变化） 216
9.2.2 个人选择 216
9.3 前端的瑞士军刀：Modernizr 217
9.3.1 使用Modernizr辅助修正样式问题 219
9.3.2 使用Modernizr让老版本IE支持HTML5元素 221
9.3.3 给IE6、7、8追加min/max媒体查询功能 222
9.3.4 使用Modernizr按需加载资源 223
9.4 必要时将导航链接转换为下拉菜单 225
9.5 高分辨率设备（未来趋势） 228
9.6 小结 231
*请认真填写需求信息，我们会在24小时内与您取得联系。
