CSS设计栏目

简介: 代码如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css设计栏目</title>
  <style type="text/css">
    body{
      /*页面初始化*/
      background-color: #454545;
    }
    .box{
      /*设计包含框样式*/
      border-radius: 10px; /*圆角*/
      box-shadow: 0 0 12px 1px rgba(205,205,205,205,1); /*阴影*/
      border: 1px solid black;
      padding: 10px;
      margin: auto;
      text-shadow: black 1px 2px 2px;
      color: white;
      /*设计线性渐变背景*/
      background-image: linear-gradient(bottom,black,rgba(0,47,94,0.2),white);
      background-color: rgba(43,43,43,0.5);
    }
    /*设计光标经过时,放大阴影亮度*/
    .box:hover{
      box-shadow: 0 0 12px 5px rgba(205,205,205,1);
    }
    h2{
      font: 120% bold;
      text-decoration: underline; /*下划线*/
    }
    h2:before{  /*在标题前面加额外内容*/
      content: "观点:";
    }
    p{
      text-indent: 2em;
      line-height: 1.6em;
      font-size: 14px;
    }
  </style>
</head>
<body>
  <div class="box">AI 在携程智能客服的应用</div>
  <h2>介绍</h2>
  <p>作为国内 OTA 的领头羊,携程每天都在服务着成千上万的旅行者。为了保障旅行者的出行,庞大的携程客服在其中扮演着十分重要的角色。但在客服的日常工作中,有很大一部分的行为是重复劳动,这对于客服来说是一种资源浪费。如何从客服工作中解放生产力,提高生产效率成为技术需要解决的一大难题。
随着近几年深度学习算法突破和硬件的升级,人工智能技术在多个领域遍地开花,其中一大应用场景便是智能客服。2017 年初,携程开始大力推进客服智能化的技术研发,目前在酒店售后客服场景,智能客服已经能够解决 70 % 的问题,不仅提升了客服效率,在服务响应方面也有很大提升。
那么,机器学习或者深度学习在客服领域到底能做什么?怎么做?本文将围绕这两方面介绍携程在智能客服领域中的一些实践经验。
我们先回答这些算法在客服领域到底能做什么。
回答这个问题要回到客服聊天工具这个产品本身,用户在使用客服聊天工具时,最希望的是能够第一时间在客服界面上看到自己想咨询的问题,然后直接找到答案。如果第一眼没有看到想要的问题,那就希望在和 “ 客服 ” 交互过程中以最少的交互次数获取到需要的答案。
在这个过程中,算法不外乎要做的就是两件事:猜你所想,答你所问。
我们先说猜这件事,类似推荐,在用户还没有做出任何输入时,我们会根据用户的信息、当前上下文信息以及咨询的产品信息来猜测用户进入咨询界面时想问什么问题,从而得到一堆问题的排序展示给用户。
如果第一步没有猜到用户想要的问题,用户就会通过输入框来简单描述自己的情况和想要咨询的问题,在用户输入的过程中,我们也会结合用户输入的内容通过算法来实时猜测用户可能咨询的问题,并以 input suggestion 的方式给到用户。若上述都无法让用户找到自己想要的答案,那就是答这件事要解决的。
我们会采用 QA 模型对用户发送的话术内容进行分析和匹配,得到用户可能想问的问题,并反馈给用户。这样就完成了一个对话回合,但其实除了上述提到的几个点以外,还有很多地方需要算法参与,比如问题挖掘、关联问题推荐以及上下文对话等等。
下面我们就重点介绍几种常用的算法如何发挥作用。</p>
</body>
</html>
目录
相关文章
|
前端开发
侧边导航栏(抽屉式设计)界面 (html + css)
写在前面 哈喽~大家好,这篇呢带来的是侧边导航栏(抽屉式设计),采用 (html + css) 来实现的,编辑器是 WebStorm 。接下来来看看效果吧。
1086 0
侧边导航栏(抽屉式设计)界面 (html + css)
|
前端开发
仿王者荣耀网页-前端网页技术设计完整精美源码HTML+CSS+JS
仿王者荣耀网页-前端网页技术设计完整精美源码HTML+CSS+JS
413 0
仿王者荣耀网页-前端网页技术设计完整精美源码HTML+CSS+JS
|
前端开发 JavaScript
思维-网页技术设计大作业前端HTML+CSS+JS(精美完整)
思维-网页技术设计大作业前端HTML+CSS+JS(精美完整)
187 0
思维-网页技术设计大作业前端HTML+CSS+JS(精美完整)
|
前端开发
医药协会网站-前端网页技术设计HTML+CSS精美完整网页网站源码
医药协会网站-前端网页技术设计HTML+CSS精美完整网页网站源码
152 0
医药协会网站-前端网页技术设计HTML+CSS精美完整网页网站源码
|
JavaScript 前端开发
纯CSS设计按钮
不需要图片和js技术。能够兼容各种浏览器,不兼容opera.
118 0
|
存储 SQL 前端开发
隔壁老王都知道的JavaScript+mysql+HTML+CSS的客户管理系统设计和实现【建议收藏,不然看着看着就不见了
隔壁老王都知道的JavaScript+mysql+HTML+CSS的客户管理系统设计和实现【建议收藏,不然看着看着就不见了
791 0
隔壁老王都知道的JavaScript+mysql+HTML+CSS的客户管理系统设计和实现【建议收藏,不然看着看着就不见了
|
前端开发 JavaScript 程序员
《精通react/vue组件设计》之用纯css打造类materialUI的按钮点击动画并封装成react组件
作为一个前端框架的重度使用者,在技术选型上也会非常注意其生态和完整性.笔者先后开发过基于vue,react,angular等框架的项目,碧如vue生态的elementUI, ant-design-vue, iView等成熟的UI框架, react生态的ant-design, materialUI等,这些第三方UI框架极大的降低了我们开发一个项目的成本和复杂度,使开发者更专注于实现业务逻辑和服务化. 但随着对用户体验的越来越重视,对交互体验要求的提高以及css3等新标准的出现,使得web更加大放异彩, 各种动效的实现都变得非常容易.笔者在研究materialUI框架时对于它的交互及其赞叹.所以为
206 0
|
文字识别 前端开发 iOS开发
利用css 设计markdown 主题
利用css 设计markdown 主题
464 0
利用css 设计markdown 主题