我要做成这样的搜索框效果，求教怎么用div+css怎么写出来，谢谢！_百度知道
我要做成这样的搜索框效果，求教怎么用div+css怎么写出来，谢谢！
//e?谢谢://e.baidu.baidu.jpg" esrc="http.baidu：
其他类似问题
为您推荐：
其他3条回答
&div class=&quot:absolute；vertical-&&div class=&quot：2px solid #a3a3a3; class=&quot，应该可以解决该问题;text&quot首先是切图;button&/
&/ class=&&#47:input type=&search_class&
&div&&#47，小三角和搜索那个按钮;位置自适应;这个盒子设置搜索框的宽度高度和这个就设置宽高就好了
News和小三角图片
&lt:&#47:0，以及input type=&quot：这个盒子可以分为三段&//search_box&quot，这是第一步;search_inp&quot，加上这句代码（以上代码只是大概，文字浮动居中;/）&/&#47，位置显示不正确的话;这个设置背景图片为搜索那个按钮;这个盒子乘放的是news这一块儿设置宽高;&search_btn&quot！望采纳~有问题可以百度hi我；然后是写代码;div&gt
做成图片，以背景的形式加入css中，border:0就行了。又或都border:2px solid #a3a3a3; news和search应该就不用我说了吧！！！
用一个table，把下拉列表框和文本框还有按钮放入单元格。input样式border：none；按钮应该会写吧，type=“image”，不要用button或者submit。
div的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁Web开发，编程学习，路线图
对于一些没有编程经验的人来说，一开始就学习web开发会让人觉得非常困难。因为你的能力处于初始阶段（你根本不知道你缺少哪方面的知识），所以在你能够建立一个任意复杂的网站之前，你可能会认为你需要大概几个月的时间来夯实计算机方面的基础知识。
其实并非如此！web开发和CS是不同的，你完全可以在没有太多计算机基础的情况下开发学习web开发。我这样说，完全是根据我自己的经验。
六个月前，当我开始学习web开发时，我还是一个法律学校的在读学生，而且几乎不懂任何关于编程的东西—仅仅在开始学习的前几个小时了解过一些基本知识。四个月后，我收到了来自Pivotal Labs的offer，接着我离开了法律学校，搬到了旧金山。我非常的幸运地遇到了一位极为优秀导师（从黑客学校获得的收获绝对不能忽视），所以我不认为我的故事非常具有代表性。但是我认为这很清楚的表明那些没有计算机背景的人同样可以成为web开发者，而且它所花费的时间可能比你想像的要少。
这篇博文是为了尝试帮助那些刚开始学习web开发的人们。这里展示了一个大概流程，这个路线图会“告诉你在最初的几月里需要做什么”，它也是我最开始编码所遵循的路线。
写这样一篇博文的想法已经在我脑海里有一段时间了，只是我认为自己知之甚少，所以始终没有提笔。在写这篇文章时我还是觉得自己知道的不限，所以如果你在下面的文章中发现任何错误与不正确的地方，请一定帮我指正。
这里大致列出了长短不一的四个部分知识要点，在你学习的前几个月里你需要掌握这些要点。
1）web框架的基础知识（如Ruby on Rails），又名“包含网站模块及它们之间连接结构”。
2）前端开发，又名“如何使内容出现在正确的位置上，而且在浏览器中表现得好看”。
3）版本控制，又名“如何使用免费易用的软件，使程序员能够有组织地保存他们的程序版本。这样他们就不用担心修改代码所带来的版本混乱，同时也能够很好地与其它程序员协同开发”。
4）部署，又名“如何真正地将你的网站放到互联网上”。
我把这几个部分标记为1到4，但这并不意味着它们之间存在任何特定的顺序。你可以同时学习这些东西。
第一部分：选择一种web框架，并开始学习它
在这个部分所需要花费的时间很像这种模式，即“选择一种web框架”=&“大概10分钟之内”。“学习这种框架”=&“很多很多个（快乐的）小时”。
现在有很多的web框架可供选择。而我要讨论的是Ruby on Rails，它是我所知道的最好的框架，因为到处都有关于它的优秀的资源。
那么，什么是web框架？我的理解是这样的：有框架之前，人们在决定做一个新的网站时，往往每次都需要添加一些相同的东西到新的网站。由于这些都是一些重复无聊的工作，所以程序员开发出了框架（例如Rails），这些框架能够把很多重复性的工作移到web开发之外。人们喜欢说，Rails代表“约定优于配置”。它的意思是，假如你想按照约定的方式开发，那么Rails会使web开发变得简单。
相关的资源：
我刻意只选择了无数Rails/Ruby资源的一小部分来说，因为可选择的资源实在太多了。
I、阅读 Michael Hartl’s精彩且免费的确Rails教程。一个提示：Hartl的教程虽然非常的清晰全面，但你也不可能轻松的完全理解里面的所有内容。细细地去品味它，一旦你发现一些不能理解的东西时，你一定要弄清楚。如果你发现自己只是盲目地去复制/粘贴它的代码，只是为了完成而完成教程，那么请你停下来。当遇到不懂的知识点时，立即去下面的资源中查找：
Google。有些人在博客或论坛上写的内容可能正是你想知道的东西。当你遇到任何问题时首先去查找Google。 Stack Overflow。在那里程序员回答问题的速度绝对让人吃惊（我的问题往往都在一个小时内得到答案）。 Railscasts。Ryan Bates拥有超过300与Rails相关的线上直播主题。非常惊人的资源。 Rails Guides。这些真正的专业指南是由Rails的核心团队成员所写。这些里面的东西需要时间去消化理解（因为里面的大多数内容都是给有经验的程序员准备的），但是还是有一些介绍性的东西可以拿来学习。
II、在进行I学习的同时，Hartl将告诉你Rails的工作原理。但是如果你不懂Ruby，那么太多的Rails会让你觉得像在变魔术。这里列出了你在学习Ruby时应该用到的一些资源，你应该按照资源列出的顺序来学习它们：
前往Codecademy学习编程的基本元素（循环，数据结构）。目前Codecademy教程是用Javascript讲的，不过没关系—反正无论如何你也是要学Javascript的，况且现在的重点主要是熟悉编码的基本要素。（强烈建议：如果你想让学习更有挑战，登录projecteuler.net，然后用自己所学的东西来解决上面的一些问题）。 阅读浏览这个优秀的Ruby教程。当你阅读它时，打开你的终端（如Mac上的iterm），打开irb（the interactive ruby shell），并立即开始实践你正在学习的语法。（搜索“terminal”和“irb”，如果你压根不知道它们是什么。） 在做上述工作的同时，下载并阅读Ruby Koas。它是一系列丰富有趣的练习，这些练习涵盖了大多数Ruby的基础知识。 最后，阅读Eloquent Ruby。Eloquent Ruby适合那些对编程已经达到某种程度的人，所以在你读完Koans和Ruby教程之前不要去读它。Eloquent Ruby将不仅告诉你Ruby的工作原理，还会告诉你应该如何使用Ruby（例如，Ruby程序员决定的方式就是最好的实践方式）。
第二部分：学习前端的东西
对于“前端”和“后端”不完整/不准确的定义可能会是这样的：web开发中的“后端”是指你存储和组织网站数据的地方。例如Yelp这样的网站要存储很多东西：它的用户和用户的个人资料、大量的餐厅信息、哪个用户对一个特别的餐厅做了什么评价，等等。
Yelp把这些信息存储在服务器上，这些服务器就是分布在不同地方的大型计算机。当你搜索“Pizza in San Francisco”,你的计算机会发送一个请求到Yelp的服务器，Yelp服务器收到后回发HTML形式的请求信息（Yelp每次都以这种方式来指示服务器的行为方式）到你的浏览器，浏览器会被渲染（例如：将HTML分离成文本和图片，然后让这些图片和文本在浏览器窗口中以正确的方式显示出来）。这后面的一部分—有关数据应该如何出现在用户窗口的指令（而不是什么数据应该被回送）—就是“前端”。
相关的资源：
在w3schools上学习HTML和CSS。编注：谢谢下面的一些评论者指出了w3schools的不足。大家可以转到w3Fools获取一些更好的资源列表。HTML是一种标记语言，用来管理页面的结构。例如，需要有一个页头，后面要跟一个段落。CSS则决定这个页面显示出来的样式。例如，页头的字体大小为18，跟着的段落中文字内容为蓝色。 学习Javascript。Javascript决定了页面上的元素如何表现。例如，页头开始时会被隐藏，但当用户点击某个按钮时又会渐渐地显示在页面上。这里有一个非常优秀的Javascript框架称之为jQuery，它基本上适合每个人使用，而且学习起来有趣直观。这里有一个小型的教程，你可以从这里开始学习：。
第三部分：学习版本控制（如：Git）
大致地说，版本控制系统使程序员能够在任何时间点及时的保存（正式说法是“commit”）他们的代码。当一个项目结束时，一个程序员可能已经积累了数百或数千份这样的代码备份。
我之前并没有意识到版本控制的重要性。当我在写一篇文章时，我并没有把我对文章做的每一次修改保存到Word文档中。当我写代码时，情况会有所不同吗？
事实证明，答案至少是两方面的。首先，程序员写代码时往往会导致意想不到的问题。当问题发生时，我们可以很轻松地回滚到上一个正常工作的代码版本。然后，程序员经常工作于同一个项目中。在这种情况下，他们需要能够很轻松地合并他们的代码。类似Git这样的版本控制系统（目前最流行的）可以很容易地做到以上两点。
相关的资源：
Hartl会向你介绍Git，但他不会解释得太多。要了解更多，去这里：
Git介绍：由Github的人员建立（这是一个了不起的网站，它让程序员很容易地共享代码并协同工作—你应该最先访问Github去学习）。 Git进阶：感谢评论者Polygonchorus提供的这个网站，看起来真的很棒。 Git指南：新颖且简单。在这里可以学习基本的命令。 Git的社区图书：一个很好的参考资料，你可能不需要从头到尾的通篇阅读它。
第四部分：学习如何部署（如Heroku）
当你开发网站时，绝大多数时间你都会在你的开发环境中去验证检查—换句话说，就是在你自己的电脑上，而不是在互联网上。
拥有这样一个开发环境的理由很简单：将你的代码上载到一个远程服务器需要一定的时间（例如，上载到互联网中一个实际的服务器上）。由于你的网站正处于开发阶段，你需要不断地检查你的网站，而每次当你上载新的代码时，你都需要20-30秒去等待服务器的响应，然后才能看到新代码运行的效果，这确实很烦人。
当你觉得准备好了，你可以很容易地使用Heroku来部署你的代码（Hartl说明了怎样去部署）。这里是在Rails3环境下设置Heroku的相关信息：。如果你想建立一个自定义的域名，Heroku也提供了一个延伸的教程：。
关于此路线图的一些重要想法
以上的这个资源足够你学习几个月的，但它们不会带你走得更远。我只是希望，在学习过那么多知识之后，你能够从自己建立的项目中学习提高。下面是一些离别的想法：
选择一个能激发你兴趣的想法，并在你觉得准备好之前就付诸于实践。我甚至建议你在完成Hartl教程之前就开始你自己的项目。工作于自己的项目，是让你迷上web开发最容易的方法。
我在这里提到了一些优秀的学习资源，当你要建立一个自己的网站时，这些资源只涵盖了很小一部分知识。时刻保持查阅未知知识点的习惯，不用担心—即使是最好的程序员也需要这样做。
你会经常地遇到bug和其它一些问题。这可能会让人沮丧，但你要尽量保持冷静，并系统地去思考。记住实践是解决问题的最佳方法，同时记录下那些经常出现的bug。当问题出现时，思考问题出现的可能路径（类似这样的推理过程：OK，我的用户无法正确登录。这可能由什么原因造成？嗯…这可能是A、B或C造成的。如果是A，我可能会想到…）。写出来或者大声说出来，如果这样有帮助的话。千万不要只是坐在那里，盯着代码，并希望能够顿悟。
与其它程序员一起工作，并向他们学习。与其他人一起编码并讨论代码，我觉得这是最快最有趣的学习方式（我非常推荐结对编程）。当然，你能够做的对自己最好的事情可能是去黑客学校。
祝你好运！
有些评论指出，由于web开发只是编程的一个子集，本文标题用“学习web开发”取代“学习编程”可能更好。他们的观点非常对，所以我希望本文的标题不会误导人们认为web开发就是编程的全部（其实还有很多，很多我们不懂的东西）。这么理解吧，web开发仍然是编程的一个子集，所以那些学习web开发的人同时也在学习如何编程。
本文版权归原作者所有,本人仅作学习用,文中备注是本人自己的笔记.
网页编程学习系列
--------------------------------------------
&&&&&&&&&&&&&&&&&&&&联系方式
--------------------------------------------
&&&&&&& Weibo: ARESXIONG
&&&&&&&&E-Mail:
------------------------------------------------
& 开源中国(OSChina.NET) |
开源中国社区(OSChina.net)是工信部
指定的官方社区怎么把框子和框子里的字去掉呢 就是黑体三号加粗居中这个 谢谢_百度知道
怎么把框子和框子里的字去掉呢 就是黑体三号加粗居中这个 谢谢
com/zhidao/wh%3D600%2C800/sign=/zhidao/wh%3D450%2C600/sign=6a90ba699516fdfad839ceea81bfa062/6a63fa3b9f8a124c510fd9f9a136&nbsp.hiphotos.jpg" esrc="http.baidu.jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="http.baidu./zhidao/pic/item/6a63fa3b9f8a124c510fd9f9a136;<img class="ikqb_img" src="http://e.com/zhidao/wh%3D600%2C800/sign=ff0cc610d0aaf/c995d143ad4bd1afa40f4bfb0545.jpg" esrc="http，下图显示时.baidu.hiphotos点击标注黑色边框.com/zhidao/pic/item/c995d143ad4bd1afa40f4bfb0545，按Del键<a href="http.hiphotos://e
提问者评价
太给力了，你的回答完美地解决了我的问题，非常感谢！
其他类似问题
为您推荐：
黑体的相关知识
其他4条回答
能把文件上传吗我帮你弄，
学校给的模板
word？试试这里看看可不可以删除或者不显示
直接右键剪切掉呀
你可以试试剪切
如果是刚刚弄得，可以撤销
不是我弄的
是学校给的模板
剪切不可以吗
是全部只有这两句话吗？
如果只有这两个，你可以试试撤销，如果撤销的正好是这个就好
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁搜索框一般都有自动提示功能，这种产品如何设计？
如题，这种功能需如何评估好坏？现有的自动提示能如何优化？
按投票排序
额，我说两句吧，好坏这个东西有几个层面一是技术层面一是产品层面一是数据层面，当然运营层面之类的就先暂且不提了。从技术层面来看系统稳定性：比如有多少次请求没有返回结果啊，哪些请求挂了啊，哪些结果返回通路堵了啊之类的；反馈速度：从收到请求到返回结果有多长时间啊，从用户输入到用户看到结果有多长时间啊之类的；通常的指标为SLA/SLO；从产品层面来看产品策略：应该在什么场合下提示啊，提示什么内容啊；产品形态：应该以什么方式展示啊，特殊状况怎么处理啊，键盘弹出来的时候能不能看全啊；指标通常为：点展比，使用率；从数据层面来看数据准确性：提示的数据是不是对的啊，延伸的数据是不是对的啊；数据全面性：是不是所有的输入都会有提示结果啊，是不是有的有别名啊；数据排序：哪个应该放到上面啊，是否需要区分用户啊，是否需要区分地域啊；数据的时效性：增量数据增么处理啊，错误数据如何下架啊，重复数据如何合并啊；指标通常为：无结果率，TopN的点击率；但凡设计产品，请从这三个方向进行全面考虑，因为这个才能是一个平衡的产品，比如产品需要匹配任何一个字，还得匹配拼音，详细内容等，对用户自然是好的，但是需要考虑，如果增加这些产品功能，数据是否准备充分了，有没有存储压力，技术实现难度，导致的速度下降，结果混杂等等问题。所以建议先去搞清楚Sug这种东西背后的运行机理，数据的现状等等基础问题，然后根据用户的需求来设计产品。谢谢。
这确实是一个超级复杂的产品：。主要考虑指标：触发策略；排序策略；anti-spam、黄反敏感过滤策略；召回率；准确率；点击率；实效性；多样性；特殊展示样式；纠错（光纠错类型就能说半天时间）；同时还需要有审核后台应对突发情况；定期评估召回、准确、并制定相应的更新策略；技术涉及的面也很广：抓取；rank；机器学习；anti-spam；前端等。
先讲如何评估好坏。
最直观的评估方法就是记录用户点击下方提示的概率是多大，越大就越说明自动提示给用户的帮助就越大。第二个方法，统计用户最终所选择的内容和用户输入的内容字数的比例，比例越小，越证明提示框能对用户的胃口，跟用户的相关性越强。第三个方法，统计用户点击完提示框中的内容后是否正确地找到了用户希望的搜索结果，比如用户如果点击提示框的提示内容后没有找到相关搜索结果、用户更换了关键词等等操作。第四，记录用户在提示框出现后如果停止输入，停留的时间有多久。越久就说明用户不能分辨出哪个才是自己想要的搜索关键词，当然，这个的相关性会根据不同的用户情景有不同的评判标准。
大致说了评估好坏的办法后，回到如何设计以及现有的自动提示功能如何优化问题上。这种产品的设计目的在于方便用户的搜索关键词的生成减少用户的输入成本，比如淘宝的搜索框，很多时候在输入完一个词甚至一个字后提示框里面就有我想要的内容了，一是在于淘宝的搜索框针对的是可以量化的商品；二是在于淘宝拥有我的数据，他可以很简单的判断出我是男女，甚至是我喜欢的衣服的款式；三，很简单的逻辑，大家都想要的结果就是你想要的结果，所以对关键词的热度也要进行划分，如果我这个时候在淘宝搜索“手机”他给我提示一堆诺基亚，摩托罗拉，黑莓等等显然是不解风情的，除非我历史购物记录有很多这些品牌。所以我认为这种产品应该围绕上诉三个方面设计，将搜索内容量化，再结合用户的数据信息包括历史搜索记录等等，再根据关键词当下的热度，综合三点去给用户设计适合各个用户的提示框。现有的自动提示功能的优化，在于展现形式上的创新和对每个用户数据的分析能力。对于展现形式上的创新，要根据不同的平台不同的产品形态进行创新，而用户的数据分析能力也是要根据不同的场景去设计，但是最核心的都是围绕着了解用户操作习惯和解决用户输入的复杂度。大胆的创想一下，提示框是否可以做成可以定制的呢？比如说百度的提示框可以添加自定义功能，添加一些个性化的算法。比如说用户希望搜索内容是冷门的，或者用户希望搜索的关键词希望是很少人点击的等等。或者用户更希望无论搜索什么，都能跟几个关键词相关，比如设置了个性关键词“篮球”，然后在百度中搜索直播，就可以马上出现篮球的直播，搜索鞋子，第一页的内容其中就有关于篮球鞋的。等等诸如此类的个性化定制搜索其实也是可以基于大数据做到的，而一切的一切无非就是让用户更简单地获得所要的搜索结果。
一句话总结：做到不让用户看着烦，并且能尽可能的帮用户减少操作，你就称得上是一个优秀的搜索框了！
实时搜索，排除掉排序以及推荐，其实也就是接口实时给个返回的结果罢了，技术上比较费时，除非有多余的开发资源否则一般没必要做该功能
我怎么感觉百度那个不错啊！ 连回车都不用敲击！ 当然在数据方面，百度有自己的优势！ 总之 能让用户花最少成本，得到自己最想要的！ 貌似废话了！ 请折叠
已有帐号？
无法登录？
社交帐号登录}