nose

{ RedesignWizardFormBegin } // 不要删除这一行代码。// 不要修改这一段代码，它是自动生成的。varDetaList: TNewListBox;ShowDetaBtn: TNewButton;DetaLabel: TNewStaticText;procedure RedesignWizardForm;beginwith WizardForm.StatusLabel dobeginVisible := False;end;{ DetaList }DetaList := TNewListBox.Create(WizardForm);with DetaList dobeginParent := WizardForm.InstallingPage;Left := ScaleX(0);Top := ScaleY(44);Width := ScaleX(417);Height := ScaleY(185);ItemHeight := 13;TabOrder := 4;Visible := False;end;with WizardForm.FilenameLabel dobeginVisible := False;end;with WizardForm.ProgressGauge dobeginTop := ScaleY(18);end;{ ShowDetaBtn }ShowDetaBtn := TNewButton.Create(WizardForm);with ShowDetaBtn dobeginParent := WizardForm.InstallingPage;Left := ScaleX(5);Top := ScaleY(48);Width := ScaleX(75);Height := ScaleY(22);Caption := "显示细节(&D)";TabOrder := 3;end;{ DetaLabel }DetaLabel := TNewStaticText.Create(WizardForm);with DetaLabel dobeginParent := WizardForm.InstallingPage;Left := ScaleX(0);Top := ScaleY(0);Width := ScaleX(417);Height := ScaleY(16);AutoSize := False;ShowAccelChar := False;TabOrder := 5;end;{ ReservationBegin }// 这一部分是提供给你的，你可以在这里输入一些补充代码。ShowDetaBtn.OnClick := @ShowDetaBtnOnClick;{ ReservationEnd }end;// 不要修改这一段代码，它是自动生成的。{ RedesignWizardFormEnd } // 不要删除这一行代码。procedure InitializeWizard();beginRedesignWizardForm;end;procedure ShowDetaBtnOnClick(Sender: TObject);beginShowDetaBtn.Visible := False;DetaList.Visible := True;end;procedure AddToDetaList;begin DetaLabel.Caption := "安装: " + ExpandConstant(CurrentFileName);DetaList.Items.Append(DetaLabel.Caption); //滚动DetaList.ItemIndex := DetaList.Items.Count - 1;end;procedure CurPageChanged(CurPageID: Integer);beginif CurPageID = wpFinished thenbegin// 跳回前一页，忽略完成页。DetaList.Items.Append("安装完成");WizardForm.PageNameLabel.Caption := "安装完成";WizardForm.PageDescriptionLabel.Caption := "安装程序已经成功完成安装。";DetaLabel.Caption := "完成";WizardForm.InnerNotebook.ActivePage := WizardForm.InstallingPage;WizardForm.OuterNotebook.ActivePage := WizardForm.InnerPage;end;end;

PavelNosekPavelNosek是一名演员，代表作品有《亿万富翁被捕》、《罐头》等。外文名：PavelNosek职业：演员代表作品：《亿万富翁被捕》合作人物：托马斯·沃瑞主要作品

hair头发.legs 腿.hands 手.arms.手臂mouth.嘴teeth.牙齿nose.鼻子toes.脚趾eyes.眼睛ears.耳朵feet 脚face 脸*****************************************************************************祝天天开心，学习进步！本题不明白，请再问；如果对你有所帮助，请点击本页面中的“选为满意回答”按钮,谢谢！*****************************************************************************

1. 胡说;胡闹,愚蠢的举动 2. 无价值(或不重要的)的东西 int. 1. 胡说!废话! [网络释义] nonsense 1.鬼话！胡说八道 2.性情古怪的，胡说八道 3.无意义 Nonsense

做这类题首先你要判断一下动词do或does修饰的是谁。看一下第一个句子，助动词修饰的是yournose,yournose不是你也不是我，所以它是第三人称，而且是单数。修饰第三人称单数的就是does。看第二个句子，助动词修饰的是you,是第二人称，所以用do.haveasorethroat是修饰you的，不影响判断。

我现在用ul做了一个横向菜单，想把它放在“home”连接的右边，但我发现它运行时ul菜单始终会换行，是不是css出了问题，请大家给我指教一下，谢谢。建议用firefox浏览器运行。 ul { padding:0; margin:0; list-style:none;}li { float:left; width:140px; }ul li a { text-decoration:none; color:#777;}li:hover { background-color:#ddd;}ul li ul li table{ background-color:#ddd;}li ul { display:none;}li:hover ul,.over ul { display:block;}Home| menu1test1test2test3test4menu2test5test6 回复讨论(解决方案)在线等，请大家帮忙。 ul是块级元素，当然会换行，你可以强制它inline，其它自己调吧。ul { display:inline} 把css的最后一行改成li:hover ul,.over ul { display:inline;}也不行，没办法只能用类似下面的坐标定位来调整了：ul{position:absolute;top: 10px;margin-left:100px;} ul { padding:0; margin:0; list-style:none;display: inline;} li { float:left; width:140px; } ul li a { text-decoration:none; color:#777;} li:hover { background-color:#ddd;} ul li ul li table{ background-color:#ddd;} li ul { display:none;} li:hover ul,.over ul { display:block;}Home | menu1 test1 test2 test3 test4menu2 test5 test6这是在你写的基础上改的。 oNA_na:你的代码可以把位置调整，但也带来了新的问题，在后面的代码在鼠标移到菜单上去就会向右浮动。代码如下：ul { padding:0; margin:0; list-style:none;display: inline;}li { float:left; width:140px; }ul li a { text-decoration:none; color:#777;}li:hover { background-color:#ddd;}ul li ul li table{ background-color:#ddd;}li ul { display:none;}li:hover ul,.over ul { display:block;} Home|menu1test1test2test3test4menu2test5test6 test data 1 test data 1 test data 1 test data 1 test data 1 test data 1test data 2test data 3 test data 3 test data 3test data 3 test data 3 test data 3test data 3 test data 3 test data 3这个定位问题很棘手也很急，我实在想不出来好的办法了，请大家帮忙。 我重新修改了一下css代码，定位正常了，但鼠标移到菜单上后面的元素就会往后移。 prod menus ul.hMenu,ul.hMenu li ul { padding:0; margin:0; list-style:none;} ul.hMenu li { float:left; width:140px; } ul.hMenu li:hover a { color:red;} ul.hMenu li:hover { background-color:yellow;} ul.hMenu li ul li table{ background-color:yellow;} ul.hMenu li ul { display:none;} ul.hMenu li:hover ul,.over ul { display:block;} .eth{text-align:left;} Home | menu1 test1 test2 test3 test4 menu2 test5 test6 test data 1 test data 1 test data 1 test data 1 test data 1 test data 1 test data 2 test data 3 test data 3 test data 3test data 3 test data 3 test data 3test data 3 test data 3 test data 3 通过relative定位应该可以达到要求吧。在上面代码的基础上，我改了一下。prod menus/*ul.hMenu,ul.hMenu li ul { padding:0; margin:0; list-style:none;}*/ /*ul.hMenu li { float:left; width:140px; }*/ /*ul.hMenu li:hover a { color:red;} */ /*ul.hMenu li:hover { background-color:yellow;}*/ /*ul.hMenu li ul li table{ background-color:yellow;} */ /*ul.hMenu li ul { display:none;}*/ /*ul.hMenu li:hover ul,.over ul { display:block;}*/ /**/ /*.eth{text-align:left;}*/ .hMenu { margin: 0; padding: 0; z-index: 30; width: 480px; height:23px;} .hMenu li { margin: 0; padding: 0; list-style: none; float: left; width:140px; } .hMenu li a { display: block; width: 140px; color:red; text-align: left; text-decoration: none} .hMenu li a:hover { background: yellow} .hMenu div { position: absolute; visibility: hidden; margin: 0; padding: 0; } .hMenu div a { position: relative; display: block; width: 140px; white-space: nowrap; text-align: left; text-decoration: none; background: yellow; color:red }lichuny257,你的代码可用，可以用纯css实现此效果吗？

style="white-space:nowrap;word-break:keep-all;" nowrap="nowrap"网上说的这些方法也都试过，然并卵。回复讨论(解决方案)display:inline或inline-block不好使吗 如果想要不换行，建议使用行内元素 用块级元素在行内展示的话可以设置其display属性为inline或者inline-block,又或者设为float 除了上面两位说的，还要注意父级元素的宽度要大于它里面元素的宽度和 display:inline或inline-block不好使吗 不行 如果想要不换行，建议使用行内元素 用块级元素在行内展示的话可以设置其display属性为inline或者inline-block,又或者设为float 用float成功了，可是为什么white-space:nowrap;这个在我这边不行呢？ 是我的问题吗，如果知道希望能回答，谢谢

情况如上图所示：外层div容器宽度固定，ul宽度随li（li宽度固定）的增加而撑开，但是当ul中li的宽度之和大于div时，ul没有撑开，而是li换行了，如何使li不换行？ul样式如下：#pic_list{display:inline;white-space: nowrap;}li样式如下：#pic_list li{width:80px;height:80px;margin:3px;float:left;background:red;display:block;}补充说明：即使我将ul的宽度设置为大于div容器宽度的固定值，但是li依然会在div容器的边缘之前换行。经过研究，应该是float惹的祸，w3cschool的资料如此描述“浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止”，我认为li在浮动时并没有碰到ul的框，而是碰到了ul的父容器div的框，但是依然会换行。 回复讨论(解决方案)去掉float:left;改成display:inline-block; #pic_list{display:block;white-space:nowrap;width:500px;overflow:auto;}#pic_list li{width:80px;height:80px;margin:3px;background:red;display:inline-block;}去掉float:left;改成display:inline-block; 谢谢您的回答，效果非常理想。 你的滚动效果是怎么实现的，我在网上看了几个，都是把ul的position设置成absolute，滚动图片的时候，就修改left属性；但是我设置ul为absolute时，加入到ul中的图片都不显示出来。。不设置absolute ，然后修改left，又不知道怎么做？ 去掉float:left;改成display:inline-block; 找了半天问题，终于解决了，谢谢。 具体怎么解决的啊，为什么我的还是不行 #pic_list { display:block; white-space:nowrap; width:500px; overflow:auto; } #pic_list li { width:80px; height:80px; margin:3px; background:red; display:inline-block; } 主页 工作日志 设备运行记录 其他 导航1 导航2 导航3 导航4 导航5 导航6 导航7 导航8 导航9 导航10 导航11 导航12 导航13 导航14 导航15 导航16 导航17 导航18 导航19

用rowspan能合并下面的表格 但是怎么合并上面的呢 求指导 回复讨论(解决方案)你想要合并什么？colspan =“2” 列合并？ colspan是合并列的 我现在是要合并行 用rowspan 但是那样只能合并下面的行 我现在怎么合并上面的行 谢谢 这个表格比较麻烦，建议用ul,li重新试一下，这样就不存在合并的问题了。 你有类似功能的源代码吗？ 能发给我研究一下吗？ 你把 rowspan 放在上一格中不就行了？ 上一格是空出来的区域 没有单元格的colspan是合并列的 我现在是要合并行 用rowspan 但是那样只能合并下面的行 我现在怎么合并上面的行 谢谢 你把内容放到上一行，然后向下合并不就行了 订单编号商品名称操作dd1ff操作sp1sp2问题找出来了 是我的rowspan多加了1 所以导致单元格向下移了谢谢大家了

Your nose is red.你的鼻子很红。（感冒了）希望能帮到你，望采纳！

Qiniu 七牛问题解答 很多用户不懂怎么写上传完成后的处理事件。我带大家来写个。 问题解决方案 1，首先要在如下的main.js中做如下的配置修改。 /*global Qiniu *//*global plupload *//*global FileProgress *//*global hljs */$(function() { var uploader = Qiniu.uploader({ runtimes: "html5,flash,html4", browse_button: "pickfiles", container: "container", drop_element: "container", max_file_size: "100mb", flash_swf_url: "js/plupload/Moxie.swf", dragdrop: true, chunk_size: "4mb", uptoken_url: "servlet/responseHandler", domain: $("#domain").val(), // downtoken_url: "/downtoken", // unique_names: true, // save_key: true, // x_vars: { // "id": "1234", // "time": function(up, file) { // var time = (new Date()).getTime(); // // do something with "time" // return time; // }, // }, auto_start: true, init: { "FilesAdded": function(up, files) { $("table").show(); $("#success").hide(); plupload.each(files, function(file) { var progress = new FileProgress(file, "fsUploadProgress"); progress.setStatus("缁?澶?绶?..."); }); }, "BeforeUpload": function(up, file) { var progress = new FileProgress(file, "fsUploadProgress"); var chunk_size = plupload.parseSize(this.getOption("chunk_size")); if (up.runtime === "html5" && chunk_size) { progress.setChunkProgess(chunk_size); } }, "UploadProgress": function(up, file) { var progress = new FileProgress(file, "fsUploadProgress"); var chunk_size = plupload.parseSize(this.getOption("chunk_size")); progress.setProgress(file.percent + "%", up.total.bytesPerSec, chunk_size); }, "UploadComplete": function() { $("#success").show(); // alert("woaini"); // var v = 4, // document.getElementById("woaini").outerHTML = "woaini"; // alert("wobuai"); }, "FileUploaded": function(up, file, info) { var progress = new FileProgress(file, "fsUploadProgress"); progress.setComplete(up, info); }, "Error": function(up, err, errTip) { $("table").show(); var progress = new FileProgress(err.file, "fsUploadProgress"); progress.setError(); progress.setStatus(errTip); } // , // "Key": function(up, file) { // var key = ""; // // do something with key // return key // } } }); uploader.bind("FileUploaded", function() { console.log("hello man,a file is uploaded"); }); $("#container").on( "dragenter", function(e) { e.preventDefault(); $("#container").addClass("draging"); e.stopPropagation(); } ).on("drop", function(e) { e.preventDefault(); $("#container").removeClass("draging"); e.stopPropagation(); }).on("dragleave", function(e) { e.preventDefault(); $("#container").removeClass("draging"); e.stopPropagation(); }).on("dragover", function(e) { e.preventDefault(); $("#container").addClass("draging"); e.stopPropagation(); }); $("#show_code").on("click", function() { $("#myModal-code").modal(); $("pre code").each(function(i, e) { hljs.highlightBlock(e); }); }); $("body").on("click", "table button.btn", function() { $(this).parents("tr").next().toggle(); }); var getRotate = function(url) { if (!url) { return 0; } var arr = url.split("/"); for (var i = 0, len = arr.length; i < len; i++) { if (arr[i] === "rotate") { return parseInt(arr[i + 1], 10); } } return 0; }; $("#myModal-img .modal-body-footer").find("a").on("click", function() { var img = $("#myModal-img").find(".modal-body img"); var key = img.data("key"); var oldUrl = img.attr("src"); var originHeight = parseInt(img.data("h"), 10); var fopArr = []; var rotate = getRotate(oldUrl); if (!$(this).hasClass("no-disable-click")) { $(this).addClass("disabled").siblings().removeClass("disabled"); if ($(this).data("imagemogr") !== "no-rotate") { fopArr.push({ "fop": "imageMogr2", "auto-orient": true, "strip": true, "rotate": rotate, "format": "png" }); } } else { $(this).siblings().removeClass("disabled"); var imageMogr = $(this).data("imagemogr"); if (imageMogr === "left") { rotate = rotate - 90 < 0 ? rotate + 270 : rotate - 90; } else if (imageMogr === "right") { rotate = rotate + 90 > 360 ? rotate - 270 : rotate + 90; } fopArr.push({ "fop": "imageMogr2", "auto-orient": true, "strip": true, "rotate": rotate, "format": "png" }); } $("#myModal-img .modal-body-footer").find("a.disabled").each(function() { var watermark = $(this).data("watermark"); var imageView = $(this).data("imageview"); var imageMogr = $(this).data("imagemogr"); if (watermark) { fopArr.push({ fop: "watermark", mode: 1, image: "http://www.b1.qiniudn.com/images/logo-2.png", dissolve: 100, gravity: watermark, dx: 100, dy: 100 }); } if (imageView) { var height; switch (imageView) { case "large": height = originHeight; break; case "middle": height = originHeight * 0.5; break; case "small": height = originHeight * 0.1; break; default: height = originHeight; break; } fopArr.push({ fop: "imageView2", mode: 3, h: parseInt(height, 10), q: 100, format: "png" }); } if (imageMogr === "no-rotate") { fopArr.push({ "fop": "imageMogr2", "auto-orient": true, "strip": true, "rotate": 0, "format": "png" }); } }); var newUrl = Qiniu.pipeline(fopArr, key); var newImg = new Image(); img.attr("src", "loading.gif"); newImg.onload = function() { img.attr("src", newUrl); img.parent("a").attr("href", newUrl); }; newImg.src = newUrl; return false; });}); 2，在如上的代码片中做如下修改：在标记处添加如下代码，实现在前端显示返回来的图片。（用js来实现前端的控件显示）var res = eval("(" + info.toString() + ")"); alert(res.key); var sourceLink = domain + res.key; //获取上传成功后的文件的Url alert(sourceLink); $("#images").attr("src",sourceLink); var input=top.document.getElementById("photo_small"); input.setAttribute("src",sourceLink); 结果演示

作为一名程序员，要实现我们的产品，首先需要选择一种或几种编程语言，其次是使用各种工具和第三方库。 而在这个过程中，就少不了对这些语言、工具和第三方库的下载和学习。 下载一般都非常简单，但是关于如何使用，相信大家都会有各种各样的学习方法。 但是不管通过什么方式，追根溯源都会来到官方文档。 那么问题就来了！目前来说，大部分的官方文档都是英文的，如何才能快速的理解并使用官方文档呢？ 今天，把自己的学习方法拿出来，和大家一起分享一下，希望大家可以尽量少走一些弯路，尽快的找到bug的解决方法。 说起来很简单，主要分3步：1，首先要能找到官方文档；2，看introduction或者overview；3，对症下药 如何找到官方文档 这一点对于大部分的编程语言和工具来说，都没啥大问题，大家可以很容易的在官方网站上找到相应的技术连接或者文档。 到目前为止，我遇到的唯一一个找了比较久的链接是css的链接，在W3C里面： https://www.w3.org/community/webed/wiki/Main_Page#CSS 但是想想也对，因为css就是W3C制定的。 从这我们也可以学到一点，就是需要我们经常整理所知道的，或者了解的，技术的分类和历史。这样，下次再有问题时，就可以快速的定位到某一个技术或者和它相关的几个技术。 快速理解文档架构 大部分的技术文档都有一个introduction或者overview部分，这部分可不是随便写的。 文档的结构也像是我们写代码时采用的架构一样，从大到小，一步步深入。特别是英文文档，因为外国人写的文章都非常傻瓜，出发点特别低，是采用循序渐进的方式，让你深入理解下去的。 这也是我问什么推荐大家读英文官方文档的原因。 所以这块的内容，我们不应该随便看。一句一句读吧！！！ 如果看不懂怎么办？这个要从两个方向考虑，一个是英语不懂；一个是描述的相关技术或者背景不懂。英语不懂怎么办？这个时候可以用百度了，查单词的意思(仅限于查单词意思)。刚开始如果发现要查的单词特别多，千万不要怕。因为不同的技术文档，是由不同的人写的。很有可能你可以很容易的看懂另一份技术文档，但是这一篇你却完全读不懂。所以，静下心，好好读，慢慢查。等你读完了，你会发现后面的章节会容易了很多。为什么？因为同一份技术文档，基本上是那么几个人写的，用的单词和术语都一致，所以我们只需要摸清他喜欢使用那几个英语单词就ok了。 相关的背景或者技术不懂怎么办？看看这块内容和你的关心的部分关系大不大，如果不大，那忽略过去就好了。如果有关系，那你就得先把这块内容了解清楚了。顺便恭喜你一下，如果遇到这种问题，说明你的技术库又添加了一项新技能。对症下药 接下来的事情就比较简单了，等你完成步骤2后，你已经知道该在哪里找你需要的信息了。 如果还是找不到怎么办？那请重复步骤2，所谓书读百遍，其义自现！！！ 最后一个问题，可不可以直接买一本中文的书来看呢？ 答案是，可以，但是这个就像是吃别人已经咀嚼过的食物一样，虽然最终结果可能一样，但是如果以后在其它技术上遇到相同的问题呢？ 继续去买书吗？如果书还没出呢？其实没太大必要！另外，翻译出来的书，可能是针对旧的版本的。一旦新版本中有相应的更新，你是不知道的。 不知不觉又说了这么多。 最后说一句，如果官方网站就是没有提供技术文档呢？那就先看一下github上有没有源码。另外顺便注意一下，如果它连技术文档都没有，真正使用过它的人会多嘛？先去github（如果有的话）上看下它的star数量吧。

our nose , 这是 nose 不加- s, 因为这里所表达的是指我们身体的一个器官

欢迎光临当当网，请登录免费注册 购物车 我的订单 我的当当 礼品卡 帮助 网上购物享当当 首页 图书 百货 品牌 促销 商家 当当榜 礼物 在线读书 更多服务 音乐 影视 少儿 教辅 小说 外语 数码相机 笔记本 连衣裙 高跟鞋 运动鞋 美容护肤 厨卫用品 婴幼奶粉 玩具 没事保健 饰品@charset"utf-8";body{ padding:0; margin:0; font-size:12px;line-height:22px; }ul,li{padding:0; margin:0;}ul{list-style-type:none;}.wrap{width:960px; margin:0 auto;}#welcome ul{padding-left:430px; }#welcome ul li{float:left;}#welcome ul li a { color:#000000; text-decoration:none; margin:0 5px; }#welcome ul li.login a { color:#1a66b3; }#welcome ul li.shopping{background:url(../images/shopping.gif) left center no-repeat; padding-left:20px;}#welcome ul li em { display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc; overflow:hidden; }#welcome ul li a.arrow{ background:url(../images/arrow.gif) right center no-repeat; padding-right:12px;}#mainNav #logo{ float:left; width:160px; text-align:center}#mainNav .large{float:left; width:450px;}#mainNav .large .organge{color:#ff6600; }#mainNav .large ul li{float:left; margin:0 2px; line-height:30px; font-size:14px; text-align:center; font-weight:bold; }#mainNav .large ul li a{display:block; background:url(../images/nav_bg.gif); width:77px; text-decoration:none; color:#333;}#mainNav .large ul li.home a{background:url(../images/nav_home.gif); width:59px;color:#fff; }#mainNav .side { float:right; margin-top:30px; }#mainNav .side ul li em { display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc; overflow:hidden; }#mainNav .side ul li a { margin:0 5px; color:#333; text-decoration:none; }#mainNav .side ul li a.arrow { background:url(../images/arrow.gif) right center no-repeat; padding-right:12px; }#navbar { clear:both; background:#fc883b; height:30px; }#navbar ul li { float:left; line-height:30px; }#navbar ul li a { color:#fff; text-decoration:none; padding:0 9px; }#navbar ul li em { display:block; float:left; border-left:#dc6b04; border-right:1px solid #fba455; height:5px; margin:12px 0; overflow:hidden;#mainNav .side下的样式应用不了，这是我复制别人的代码，别人的代码运行起来没问题，自己复制过来一模一样的为什么就单独一个div样式应用不了呢？ 回复讨论(解决方案)补充：是同一台机器 你的页面结构复制乱了，如下浏览器直接查看，side那个div应该属于#mainNav 下的@charset"utf-8";body{ padding:0; margin:0; font-size:12px;line-height:22px; }ul,li{padding:0; margin:0;}ul{list-style-type:none;}.wrap{width:960px; margin:0 auto;}#welcome ul{padding-left:430px; }#welcome ul li{float:left;}#welcome ul li a { color:#000000; text-decoration:none; margin:0 5px; }#welcome ul li.login a { color:#1a66b3; }#welcome ul li.shopping{background:url(../images/shopping.gif) left center no-repeat; padding-left:20px;}#welcome ul li em { display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc; overflow:hidden; }#welcome ul li a.arrow{ background:url(../images/arrow.gif) right center no-repeat; padding-right:12px;}#mainNav #logo{ float:left; width:160px; text-align:center}#mainNav .large{float:left; width:450px;}#mainNav .large .organge{color:#ff6600; }#mainNav .large ul li{float:left; margin:0 2px; line-height:30px; font-size:14px; text-align:center; font-weight:bold; }#mainNav .large ul li a{display:block; background:url(../images/nav_bg.gif); width:77px; text-decoration:none; color:#333;}#mainNav .large ul li.home a{background:url(../images/nav_home.gif); width:59px;color:#fff; }#mainNav .side { float:right; margin-top:30px; }#mainNav .side ul li em { display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc; overflow:hidden; }#mainNav .side ul li a { margin:0 5px; color:#333; text-decoration:none; }#mainNav .side ul li a.arrow { background:url(../images/arrow.gif) right center no-repeat; padding-right:12px; }#navbar { clear:both; background:#fc883b; height:30px; }#navbar ul li { float:left; line-height:30px; }#navbar ul li a { color:#fff; text-decoration:none; padding:0 9px; }#navbar ul li em { display:block; float:left; border-left:#dc6b04; border-right:1px solid #fba455; height:5px; margin:12px 0; overflow:hidden; 欢迎光临当当网，请登录免费注册 购物车 我的订单 我的当当 礼品卡 帮助 网上购物享当当 首页 图书 百货 品牌 促销 商家 当当榜 礼物 在线读书 更多服务 音乐 影视 少儿 教辅 小说 外语 数码相机 笔记本 连衣裙 高跟鞋 运动鞋 美容护肤 厨卫用品 婴幼奶粉 玩具 没事保健 饰品解决了，原来是多了个

像http://qa.tourizz.com/newui/latest/today/news-and-promotions这个地址，左侧带箭头的背景怎么做啊，箭头在灰色背景的外面就。选中或者hover的时候背景变成这种黄色箭头。你们觉得怎么做好啊？现在是用css做的，箭头和矩形框衔接总是有偏差，能看出来间隙。 回复讨论(解决方案)html5新特性，把一个矩形翻转45度就是三角形了，三角形显示在矩形右边于是就成了一个箭头形状 html5新特性，把一个矩形翻转45度就是三角形了，三角形显示在矩形右边于是就成了一个箭头形状现在就是这么做的啊，旋转后三角形的底边和左侧矩形的高度不一致，所以总是有间隙。 引用 1 楼 wzs_xyz 的回复:html5新特性，把一个矩形翻转45度就是三角形了，三角形显示在矩形右边于是就成了一个箭头形状现在就是这么做的啊，旋转后三角形的底边和左侧矩形的高度不一致，所以总是有间隙。做得麻烦且不兼容,还不如用背景图片 我是搞不懂它那个为什么要用旋转。那是正方形的对角线，还存在根号的问题。直接用border 也能画三角arrow#arrow { width: 100px; height: 30px; background: #ec8b46; position: relative;}#arrow:after { content: " "; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #ec8b46; position: absolute; left: 100px;} 我是搞不懂它那个为什么要用旋转。那是正方形的对角线，还存在根号的问题。直接用border 也能画三角XML/HTML code?1arrowCSS code?12345678910111213141516#arrow { width: 100px; height: 30px; background:??我是搞不懂它那个为什么要用旋转。那是正方形的对角线，还存在根号的问题。直接用border 也能画三角XML/HTML code?1arrowCSS code?12345678910111213141516#arrow { width: 100px; height: 30px; background:??谢谢高人，我试了图片和旋转都不行，就这个方法行。但是我不明白为什么这样就能出来三角形？ 已经明白了，谢谢

Stylevantage 111调研内容调研内容调研概况分析调研概况单题分析题目1题目2#wrap {margin: 0 auto;width: 1150px;text-align: left;background: #FFF;}#content-wrap {clear:both;margin: 0; padding:0;width: 1150px;}/* header */#header {position: relative;background: url(../images/headerbg-green.gif) repeat-x 0 0;height: 84px;}#header h1#logo {position: absolute;margin: 0; padding: 20px 0 0 300px;font: bold 3.5em "Trebuchet MS", Arial, Sans-serif;letter-spacing: -3px;color: #CCC;text-transform: lowercase;/* change the values of top and Left to adjust the position of the logo*/top: 0; left: 5px;}#header h2#slogan {position: absolute;margin: 0; padding: 0;font: bold 11px "Trebuchet MS", Arial, Sans-serif;text-transform: none;color: #FFF;/* change the values of top and Left to adjust the position of the slogan*/top: 48px; left:70px;}#header .searchform {position: absolute;top: 5px; right: 3px;}/* main column */#main {float: left;margin-left: 15px;padding: 10px 0 0 5px;width: 900px;border-left: 1px solid #f2f2f2;}.post-footer {background-color: #FAFAFA;padding: 5px; margin-top: 20px;font-size: .9em;border: 1px solid #f2f2f2;}.post-footer .date {background: url(../images/clock.gif) no-repeat left center;padding-left: 20px; margin: 0 10px 0 5px;}.post-footer .comments {background: url(../images/comment.gif) no-repeat left center;padding-left: 20px; margin: 0 10px 0 5px;}.post-footer .readmore {background: url(../images/page.gif) no-repeat left center;padding-left: 20px; margin: 0 10px 0 5px;}/* sideabar */#sidebar {float: left;width: 15%;margin: 0; padding: 10px 0 0 0;display: inline;}#sidebar ul.sidemenu {list-style: none;text-align: left;margin: 0 0 8px 0;padding: 0;text-decoration: none;font-size: 12px;border-top: 1px solid #EFF0F1;}#sidebar ul.sidemenu li {border-bottom: 1px solid #EFF0F1;background: url(../images/arrow.gif) no-repeat 2px 9px;padding: 3px 5px 3px 18px;}* html body #sidebar ul.sidemenu li { height: 1%; }#sidebar ul.sidemenu a {font-weight: bold;background-image: none;text-decoration: none;}/* footer */#footer {clear: both;background: #FFF url(../images/footerbg.gif) repeat-x left top;border-top: 1px solid #F2F2F2;text-align: center;height: 80px;font-size: .9em;}#footer a { text-decoration: none; } /* Alignment classes */.float-left { float: left;}.align-left { text-align: left; }.align-right { text-align: right; }.align-center { text-align: center; }/* display classes */.clear { clear: both; }.block { display: block; }.hide { display: none; }.green { color: #32CD32; }我想实现点击左边菜单右边刷新的效果，好像用frame框架能做，但不知道怎么写，求各位大神帮助 回复讨论(解决方案)直接用frame就行了呗 left.html里面写

DIV CSS 网上很多小箭头都在左边或者上边下边的，自己怎么调都调不到右边，郁闷啊层边框半圆形的，半透明最好，多谢 回复讨论(解决方案)找张图片放到对应的位置得了 哈哈 不行的，我这层里面还要放东西呢，还要半透明呢，里面是菜单，楼上的不是偷工减料么 大牛呢，没人了么 你的右边和左边的区别是什么？ ◆用好??字符就行了或者用css3?，如果不考?兼容性 用border来实现就是，如果要三角透明那么你懂得 border .border{width: 0; height: 0; border: .75em solid; border-color: #f00 #555 #ccc #000;} 当然我是偷懒了，一般都是用一个i来做的 i别忘记dib vam/vat 最近刚好用到这个，希望对你有用，是ccs3的向左的箭头arrow-left{ width: 0;height: 0;border-top: 17px dashed transparent;border-bottom: 17px dashed transparent;border-right: 15px solid #777;font-sie: 0;}向右的箭头arrow-right{ width: 0;height: 0;border-top: 17px dashed transparent;border-bottom: 17px dashed transparent;border-left: 15px solid #777;font-sie: 0;}向上的箭头arrow-top{ width: 0;height: 0;border-left: 17px dashed transparent;border-right: 17px dashed transparent;border-bottom: 15px solid #777;font-sie: 0;}向下的箭头arrow-bottom{ width: 0;height: 0;border-left: 17px dashed transparent;border-right: 17px dashed transparent;border-top: 15px solid #777;font-sie: 0;}

1. 引言对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人??你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。这就是我们又爱又恨的??float。所以，系统的学一学float是非常非常重要的。除了看书和看博客文章之外，我推荐大家去看一个奇葩（声音很有磁性，你懂得）录制的教程《CSS深入理解之float浮动》，讲的很好很透彻。 2. 重新认识float 2.1. 误解和“误用”既然提到“误用”，各位看官就此想想，自己平日是怎么使用float的？另外，既然“误用”加了引号，就说明这样的使用并不是真正的误用，而是误打误撞使用之后，带来了真正的效果。这样一问大家，我想绝大多数用float都是为了??横向排版、或者多列布局。这样的使用是正确的，大部分人都这样使用，bootstrap的栅格系统也是使用了float来实现的，并且在css3被普及之前，多列布局的最佳解决方案也是使用float??要不然你就用table。但是，这样使用确实是对float的一种误解和“误用”，因为float被设计出来的初衷是用于??文字环绕效果。即，一个图片一段文字，图片float:left之后，文字会环绕图片。但是，当时的多列布局和横向排版主要是依靠table实现，后来人们见见的发现，使用table将导致代码量大、混乱、不利于SEO，然后发现float+div是一个很不错的排版解决方案，于是乎??过去几年“css+div”页面排版一直是一个热门话题，也是各种高大上的面试题必考的一项。初学float的同学，你如果没有从最基础的知识入手，而是从网络的零散之后或者同事同学的零散代码学起的话，你可能只知道float是用来排版的，但是你却不知道float的许多个特性，这就导致了你在使用float时的许多问题。不信请看下文。 2.2. 破坏性首先大家来看两个demo，如下图。第一个demo是一个简单不过的例子，显示效果也很正常。第二个demo，唯一的区别就在于加了float:left，上层的却出现了“坍塌”现象。不过，这就是float的“破坏性”??float破坏了父标签的原本结构，使得父标签出现了坍塌现象。导致这一现象的最根本原因在于：被设置了float的元素会脱离文档流。初次接触“脱离文档流”的朋友可以这样理解：div是父亲，img是它的儿子，原本好好的父子关系，原本爷俩可以体面的展示一个包含关系的效果。直到有一天，img被设置了float。老天爷（浏览器）规定，任何float元素都不允许再呆在自己的家族中，于是img被逐出家门，断绝和div父子关系。于是乎，div没有了img儿子，也就不能再展示这种父子的包含关系，于是两者就各过各的，互不相干。??这样一说，容易理解了吧？但是，永远都不要忘记float被设计的初衷??实现文字环绕效果。当div中有文字时，文字还是会环绕在img周围的。如下图：好了，大家现在已经知道了float具有破坏性，可能也有很多朋友之前就知道这一特性，但是你有没有思考一下：float为什么会被设计成具有破坏性，为什么会脱离文档流？这一点非常重要！其实原因非常简单??为了要实现文字的环绕效果？有人可能会问：啊？你刚才不是说了float的初衷就是实现文字环绕效果吗？和破坏性有啥关系？这时我会反问你：如果float不让父元素坍塌，能实现文字环绕效果吗？给你两个图看看你就知道了。看不明白的可以给我留言讨论。 2.3. 包裹性“包裹性”也是float的一个非常重要的特性，大家用float时一定要熟知这一特性。咱们还是先从一个小例子看起：如上图，普通的div如果没有设置宽度，它会撑满整个屏幕，在之前的盒子模式那一节也讲到过。而如果给div增加float:left之后，它突然变得紧凑了，宽度发生了变化，把内容“王福朋”三个字包裹了??这就是包裹性。div设置了float之后，其宽度会自动调整为包裹住内容宽度，而不是撑满整个父容器。注意，此时div虽然体现了包裹性，但是它的display样式是没有变化的，还是block。说道这里咱们回顾一下，在之前的博客中，也提到了“包裹性”，是哪些样式？你可以在此思考一下，我会在博客的评论中给出答案 。知道了包裹性之后，我们还是继续思考：float为什么要具有包裹性？其实答案还得从float的设计初衷来寻找，float是被设计用于实现文字环绕效果的。文字环绕图片比较好理解，但是如果想要让文字环绕一个div呢？此时div不被“包裹”起来，那么如何去实现环绕效果？道理很简单，你也可能是那种一点即通的聪明人，但是关键在于思考。 2.4. 清空格float还有一个大家可能不是很熟悉的特性??清空格。按照管理，咱还是先举例子说明。上图中。第一个例子，正常的img中间是会有空格的，因为多个标签会有换行，而浏览器识别换行为空格，这也是很正常的。第二个例子中，img增加了float:left的样式，这就使得img之间没有了空格，四个img紧紧挨着。如果大家之前没注意，现在想想之前写过的程序，是不是有这个特性。为什么float适合用于网页排版（俗称“砌砖头”）？就是因为float排版出来的网页严丝合缝，中间连个苍蝇都飞不进去。“清空格”这一特性的根本原因是由于float会导致节点脱离文档流结构。它都不属于文档流结构了，那么它身边的什么换行、空格就都和它没关系的，它就尽量的往一边去靠拢，能靠多近就靠多近，这就是清空格的本质。（float内容比较多，咱们分上、下两篇来介绍，这是上篇。下篇将马上发出，敬请期待）-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

两周之前写过该系列的第一篇，其实当时只是一个想法，这段时间迟迟未更新，是在思考一个解决过程。现在初有成效，就开更吧。 1． 一个段子开题不必太严肃，写博客也不像写书，像聊天似的写东西是最好的表达方式。记得之前看过一个段子，也可能是一件真事儿，这不重要。大体内容如下：一个香港的教授说：我们香港的大学和大陆的大学差的很远啊，大陆的大学连看门保安都懂得哲学，因为当你想要进入校园时，保安都会问你一个很哲学的问题“你是谁，你从哪里来，你到哪里去？”。看完段子的第一反映肯定是很自嘲的笑了，笑了之后就忘了，该干嘛干嘛去了。但是我觉得这句话确实有那么一点高达上的意思，虽然我不知道什么是哲学。“你是谁，你从哪里来，你到哪里去”，如果映射到我们这次CSS教程上，可以提这么几个问题：CSS是什么，如何深入理解，它和html是个怎样的关系； CSS有几种来源（5种来源）； CSS要干什么事情，如何结合html实现的；看过我其他教程的朋友都知道我的原则：我要写东西，必须又一个我觉得很特别而且很合理、高效的思路，如果没有我宁可不写。大部分写CSS的人一上来可能写选择器，但是我不会那样。闲话不说。要想从根上了解这些问题，还是先从浏览器开始吧。 2． 浏览器是如何工作的之前看过一篇文章，叫做《浏览器的工作原理：新式网络浏览器幕后揭秘》。文章言简意赅的介绍了浏览器的工作过程，web前端程序猿最好了解一下。在此另外推荐一本书《WebKit技术内幕》，笔者很早就关注这本书，已列入近期的读书计划。文章中的内容暂且不详细提，我们先“断章取义”的只说CSS相关的部分。上图是webkit内核渲染html和css的流程图。大家可以从图中看到，html的解析是一条线，css的解析是一条线，两者会在某一点结合，形成最终的视图。如果我们以CSS为重点看，从上图中我们可以总结出学习CSS的三个突破点。浏览器如何加载和解析CSS??CSS的5个来源； CSS和html如何结合起来??选择器； CSS能控制那些显示方式??盒子模式、浮动、定位、背景、字体等；看到这里，不知道有没有朋友觉得很兴奋？因为我们在学习CSS之前，首先是分析浏览器如何加载、处理、使用CSS的，我们按照这个思路去写CSS的教程。而不是一上来就照本宣科的从id选择器开始。我这段时间为何一直没有写博客，其实是在冥思苦想一个更加合理、高效的思路和框架。我如果写出来的东西和别人的一样，那我自己也觉得没意思。本系列文章也是按照这个思路和框架，一步一步展开的。 3． CSS的加载过程CSS??Cascading Style Sheets??层叠样式表。“样式表”大家比较好理解，那何为“层叠”呢？从字面意思来看，层叠肯定是需要多层叠加起来。而这个“多层CSS”到底有几层，每一层是什么，我们程序猿用到的将是哪些层？这几个问题将是我们讨论的重点。另外，这么多层次叠加，如果出现冲突怎么处理，以哪个为准？这也是我们讨论的重点。最后，在这些层次中有一个“浏览器默认样式”层，即浏览器默认的各个html元素的样式。这次我们像浏览器这位“机器人”学习一下，看看它写出来的css能给我们什么帮助。 4． CSS和HTML的结合CSS如何与html结合呢??当然是通过选择器。CSS提供了多种多样的选择器类型，而且每个级别都在不断的增加新的选择器类型，使得选择器更加灵活易用。本系列将拿出一篇文章专门讲解选择器。聪明的人类也通过css提供的选择器在其他临近的方面开疆拓土，例如jquery，zen-coding。对css选择器来说，有一个很重要的话题??级别。在大部分web前端面试题中，你都会看到css选择器级别的判断问题。《css设计指南》书中给出了一个概念??特指度，而且给出了计算公式和计算规则，还给出了一个简单的背诵口诀。想的真周到。最后，与选择器关联密切的还有伪类和伪元素，我们也将拿出一篇文章专门讲解伪类和伪元素，以及它们最典型的用法。 5． 页面呈现页面呈现可以分为两类??文字，块。针对文字来说，我们可以设置字体、字号、加粗、斜体、背景色等等； 对于块来说情况比较多，有盒子模型、浮动、定位、display、背景等；本系列会拿出很大的篇幅去讲解其中的基础知识，以及他们的一些重点应用。 6． 布局布局是css的重头戏，每个系统的布局都有其各自的特点。无好无坏，肯定是各有优缺点，不妨拿出几个比较典型的例子来一起分析一下。例如：经典三列布局 Bootstrap栅格布局 百度首页布局 微博布局 人人网布局 瀑布流布局??7． 下一步下面的文章将会一步一步展开本文的描述，从实例和代码中慢慢道来。继续期待吧！-------------------------------------------------------------------------------------------------------------欢迎关注我的微博。也欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》-------------------------------------------------------------------------------------------------------------

1. 引言从本节开始，就进入本系列的第二个部分??css和html的结合??说白了就是选择器。CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。至于css能把页面渲染成什么样子，这是本系列的第三部分。第一部分讲css样式的加载和层叠，第二部分讲选择器以及选择器的等级，第三部分讲呈现的各种样式（背景、字体、定位、浮动等）。这样一个思路，也正式浏览器使用css的流程，是最有效的学习思路。（第二节中讲过，此处再回顾一遍） 2. 选择器说道css选择器，大家都知道有许多种，但是真要你去掰着手指头数一数的话，你可能需要数几分钟。其实这么多选择器，完全可以分为两类：标签选择器（*是特殊情况），可但标签，也可上下文多标签； 属性选择器（id和class都是属性，特殊的属性）；2.1. 标签选择器 2.1.1 通用选择 *通用选择器 * 大家应该都比较熟悉了，最常用的就是 *{margin:0; box-sizing:border-box;}。mragin:0咱们在上一节已经说过，box-sizing:border-box将在后面的盒子模型那块再详细描述。例如，我们在检测bootstrap3的样式时，也可以看到它用到了 * 选择器： 2.1.2 单标签单标签选择器是最基础的css知识了，在上一节的浏览器默认样式中，到处都用了单标签选择。这里不再赘述，css基础薄弱的朋友，可以先去补补课。 2.1.3 多标签多标签选择器一般和html上下文有关，它有以下集中分类选择一个祖先的所有子孙节点，例如 div p{?} 选择一个父元素的所有直属节点，例如 div > p{?} 选择某一个元素紧挨着的兄弟节点，例如 li + li{?} 选择某一个元素的所有同胞节点，例如 span ~ a{?} 以上各种情况的组合应用（不要组合过于复杂，编码讲求可读性第一）给大家列举一个比较典型的应用，如下图上图中的效果应该比较常见，在各个菜单之间加下划线。我之前的实现是：每个li都加一个border-bottom，在把最后一个li的border-bottom去掉。其实完全没必要这样麻烦，下面一个样式设置即可解决：有点意思吧？ 2.2. 属性选择器 2.2.1 特殊1：id选择器基础知识，不再赘述。按照许多css教程上讲的，id选择器和属性选择器是不同的两个类别，为什么要把id选择器放在属性选择器下面的呢？因为css选择器是根据html节点的特性来设置的，id也是一个属性，只是它是一个比较特殊的属性，每个html节点的id不能重复。由于特殊，而且比较常用，所以就单独给id选择器一个“#”，本质上就是一个属性选择器。下面两行代码的执行效果完全相同： 2.2.2 特殊2：class选择器基础知识，不再赘述。class也是一个特殊的属性，之所以把它放在属性选择器下，和上文将的id一样。 2.2.3 属性选择器属性选择器有两种情况：只通过属性名选择：img[title]{? } 通过属性名和属性值选择：input[type="text"]{?}这两个也是比较基础的，再次也就不再详细展开了，不了解的朋友可以去看看基础教程补补课。 3. 伪类和伪元素上文提到了若干种选择器类型，伪类和伪元素可针对任何一种选择器使用。 3.1. 伪类伪类分为UI伪类和结构化伪类。 3.1.1 UI伪类UI伪类都比较简单常用，我下面简单写几句代码，就不再详细说了。 3.1.2 结构化伪类（IE低版本不行）先问大家一个问题：如何实现一个表格间隔显示背景颜色，如图：最简单的方式莫过于使用结构化伪类，一句样式设置即可实现。结构化伪类有如下书写选项，至于什么意思，从字面意思即可理解： 3.2. 伪元素记住，伪元素是一个非常重要的概念！其中，:before和:after 非常常用。首先，咱们先看看:before和:after是怎么回事儿。上图中，我们可以看到，可以为元素前后添加内容。这里的“内容”还可以写成unicode编码的方式，如下图：另外，除了可以添加内容外，你还可以自定义执行内容的样式，如下图：以上大体了解了两者的基本用法，下面给家介绍两个典型的应用场景：第一，大家都知道fontAwesome吧，web最流行的icon字体库。这些小图标的应用就是通过伪元素来实现的，如下图：（不知道fontAwesome也没关系，我们在讲到css字体时，会详细介绍）第二，清除浮动的样式大家都知道吧？这就是一个很典型的伪元素应用场景：（在讲到css浮动时，会专门讲解clearfix） 4. 选择器的扩展选择器本来是css的一种规则，用于为css选择html节点的。但是聪明的人类还是通过选择器创造出了其他领域非常伟大的作品。 jQueryjQuery被推广流行的根本原因就是它的“Query”??基于css选择器的“Query”。现在的浏览器都支持querySelectAll()方法了，其实这就是W3C“抄袭”的jQuery的设计。相信各位web前端人员对jquery都比较熟悉了，这里点一下即可。 zen-Codingjquery可以通过一段css选择器表达式从既有的html结构中选择符合表达式的dom组，但是zen-coding反其道而行之??可以根据css选择器表达式创造出html节点。不得不佩服这帮人的创造力。如果你还没用过zen-coding，无论你以后用不用，建议你也一定要去体验一下！ 5. 总结本节总结了css的选择器知识，知道了选择器有若干种类型。但是类型多了不一定是个好事儿，下一节就给大家说说类型太多带来的一个问题，以及解决方案。-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

1. 引言各位前端或者伪前端（比如作者本人）的同志们，css对你们来说不是很陌生。比如我，在几年之前上大学的时候，给外面做网站就用css，而且必须用css。这样算下来也得六年多了，有些功能可能轻车熟路，有些功能可能需要上网查查，看似能应付得了工作的事情??我之前也是（现在工作上不做开发了，只是业余还写代码）。世界上没有绝对简单的东西，只是我们认为它是简单的。就像我们公司现在的开发情况，开发的大环境刚刚转入B/S，开发领导以前都是用.net做C/S的，在我看来，他们就觉得js、css就是那么回事儿，没多高深。但是我还是抱着敬畏的态度，买了一本《CSS设计指南（第三版）》，不管自己会的，还是不会的，我都统统看一遍。书邮回来之后，我花了三个晚上看完了。我有个习惯，就是做一件事情一定要又一个结果，不能觉得自己脑子里明白了就算了，一定要写出来，甚至做出例子来才算完。于是乎，就写几篇博客呗。利己利人。下面我把在看书过程中遇到的自己认为比较重要的（掌握不牢固）或者之前不懂的，都先列出来，出几个题目，各位看官可以试着想想。如果您都会了，那您基础很牢固，没得说；如果你有些不会的，着急你就赶紧自己查查答案，不着急你就等着我后面的博客介绍。闲话说了很多，现在开始！ 2. 问题01. 有些浏览器不完全支持css3，现在可以用哪个工具去检测浏览器是否支持，以及支持哪些项？提示：Mo****zr02. 常用的html标签，它们的display属性一般默认为block和inline。有哪些常用标签的display不是block和inline，这些标签显示的时候和block/inline有何区别？提示：table，input, textarea03. 是否用过@import？（比较简单）04. 一个表格的第一行显示红色背景，最后一行显示蓝色背景，中间行使用灰色/白色间隔的背景，如何写？提示：结构化伪类（比较简单）05. 伪元素 ::before、::after 是否用过？都是在哪些地方用的？提示：清除浮动、为一个div增加一个“三角” 重要 06. css??层叠样式表，其中的“层叠”该如何理解？ 重要 提示：层叠，即一层一层叠加起来，关键是知道一共有几层，每一层都是什么07. 对“特指度（specificity）”了解多少，知道“I-C-E”的计算规则吗？ 重要 提示：参考http://www.cnblogs.com/netlyf/archive/2009/06/19/1506427.html08. 特指度理解不是很麻烦，关键是分析多个css选择符和计算麻烦。有一个简单的解决方案，四句口诀，叫做“查理版简单层叠要点”，是否了解？ 重要 提示：例如，“包含ID的选择符要胜过包含类的选择符...”09. 搜索“浏览器默认样式”，找到它，打开看看，里面是浏览器默认的所有样式，你是否都能看得懂。 重要 提示：例如 display:table 和 display:block 有何区别？10. 在你开发的系统的第一个css文件的第一行，就要写上 * {margin:0; padding:0} ，这是为何？ 提示：浏览器兼容性（比较简单）11. 样式 p{margin-top:50px; margin-bottom:30px;} 将会导致p之间的垂直距离是多少？提示：垂直外边距??水平外边距????比较简单的基础知识12. “盒子模型”大家都了解了（不知道赶紧去恶补！！），盒子模型的width其实是指内容的宽度，不包括padding、border、margin。其实这样对我们做css布局是很不利的，有什么方法可以让width是全部的宽度？ 重要 提示：box-sizing（注意IE低版本的兼容性）13. float的一些影响会让我们经常哭笑不得（特别是初学者），其实了解了float的设计初衷，也许你就会理解这些东西。float的设计初衷是什么？提示：就简单的一句话??14. float具有“包裹性”??例如：abc 和 abc 两者的宽度是不一样的，不信可以为 p 加上背景色试试。是否理解这种“包裹性”？试着想想，还有哪些元素（或css属性）也有这种“包裹性”？ 重要 提示：和第13问题有密切关系15. float还有一个表象是“破坏性”，它会导致父元素高度塌陷，这个大家应该都知道吧？那么这是为何呢？另外，还有哪个css属性，也导致这种“破坏性” 重要 提示：float和absolute都将导致元素脱离文档流（针对13、14、15问题，可以参考教程http://www.imooc.com/learn/121和http://www.imooc.com/learn/192，讲的很好，只是讲师的声音很有“磁性”，要忍耐住）16. css清除浮动有三种方法，是否知道。你平时是怎么清除浮动的？业内最常用的经典清除浮动样式是什么？ 重要 提示：搜索“clearfix”17. 相对定位relative如何理解，它和绝对定位absolute的最根本区别是什么？提示：一个在文档流内，一个在文档流外18. “定位上下文”是否知道？ 重要 19. 经典的网页三列布局如何实现？如果不考虑IE6、7，最好的实现多列布局的方式是什么？ 重要 提示：table-cell20. 是否用过inline-block，IE6、7如何兼容？提示：比较简单，百度即可 3. 结束当前就总结了这么多问题，大家可以对照着问题想想答案。如果你觉得还有写比较重要的知识，可以给我留言，我将会考虑加入进来。另外，接下来我将写一个关于css重点知识的简短的系列文章，以及结合我做过的wangEditor富文本框以及对bootstrap框架的了解，把本文这些问题介绍一下。近期工作很忙，更新起来可能会很慢，敬请期待吧！-------------------------------------------------------------------------------------------------------------欢迎关注我的微博。也欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》-------------------------------------------------------------------------------------------------------------

1. 引言从这一节开始，我们就进入本系列的第三部分??css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类：文字、块。第一类??文字。这部分相对比较简单一些，例如设置字号、字体、颜色、背景色、是否加粗等。重点的地方在于设置字体、设置行高、文字相关的距离都用相对值，这些东西在《css知多少（4）??解读浏览器默认样式》那一节已经说过了。另外还有一个重点，就是web端最流行的字体库fontAwesome，关于它我之前有一篇文章专门讲过，请参见《请用fontAwesome代替网页icon小图标》，这里就不再重复去讲了。第二类??块。这部分的知识点非常多，重要的有：盒子模型，float，position，display。本文章讲盒子模型，后面的文章会依次介绍其他的内容。 2. 什么是“盒子”说道“盒子”我还记得好几年之前，我还在上大学的时候，被人问道过“盒子模型”，我当时都不知道什么意思。回到宿舍急忙上网去查，原来就是我早就知道的margin，padding和border，但是我竟然不知道“盒子”这个词。??所以，不要只满足于网上查来的代码段、小技巧，要全面的了解一些知识体系。当然，后来我又知道，盒子模型不仅仅是margin，padding和border，还有其他的知识。在此插一句题外话，也是我这几天思考的一点东西。我在思考：web前端的这么知识应该是怎样的一个知识体系架构？之前我以为可以以W3C为纲要，把W3C的东西学会了就够了。后来发现我错了，W3C还不全面。真正全面的覆盖了web前端知识体系的东西是??浏览器内核??这并不是说让你去详细了解浏览器内核、做出一个浏览器。浏览器是web前端代码运行的一个平台，浏览器内核里有哪些模块，我们就需要去学习哪些东西。详细的先不说，以后有机会再分享。这里照顾一下初学者。初学css的朋友，一开始学css基础知识的时候一定学过padding，border和margin，即内边距、边框、外边距。他们三者就构成了一个“盒子”。就像我们收到的快递，本来买了一个小小的iphone，收到的确实那么大一个盒子。因为iphone白色的包装盒和iphone机器之间有间隔层（内边距），iphone白色盒子有厚度，虽然很薄（边框），盒子和快递箱子之间还有一层泡沫板（外边距）。这就是一个典型的盒子。如上图，真正的内容就是这些文字，文字外围有10px的内边距，5px的border，10px的外边距。看到盒子了吧？ 3. 盒子的宽度 3.1. 设置了固定宽度的情况下遇到这种问题，我建议在查询各种资料之前，不如先自己动手做一个实验：如上图，得到网页效果之后，我们可以用截图工具来量一下文字内容的宽度。发现，文字内容的宽度刚好是300px，就是我们设置的宽度。因此，在盒子模型中，我们设置的宽度都是内容宽度，不是整个盒子的宽度。而整个盒子的宽度是：（内容宽度 + border宽度 + padding宽度 + margin宽度）之和。这样我们改四个中的其中一个，都会导致盒子宽度的改变。这对我们来说不友好。没关系，这个东西不友好早就有人发现了，而且已经解决，下文再说。 3.2. 充满父容器的情况下默认情况下，div的display:block，宽度会充满整个父容器。如下图：但是别忘记，这个div是个盒子模型，它的整个宽度包括（内容宽度 + border宽度 + padding宽度 + margin宽度），整个的宽度充满父容器。问题就在这里。如果父容器宽度不变，我们手动增大margin、border或padding其中一项的宽度值，都会导致内容宽度的减少。极端情况下，如果内容的宽度压缩到不能再压缩了（例如一个字的宽度），那么浏览器会强迫增加父容器的宽度。这可不是我们想要看到的。 3.3. 包裹内容的情况下这种情况下比较简单，内容的宽度按照内容计算，盒子的宽度将在内容宽度的基础上再增加（padding宽度 + border宽度 + margin宽度）之和。 4. 再看盒子的宽度前面提到，为盒子模型设置宽度，结果只是设置了内容的宽度，这个不合理。如何解决这一问题？答案就是：box-sizing:border-box如上图，div设置了box-sizing:border-box之后，300px的宽度是内容 + border + 边框的宽度（不包括margin），这样就比较符合我们的实际要求了。建议大家在为系统写css时候，第一个样式是：大名鼎鼎的bootstrap也把box-sizing:border-box加入到它的 * 选择器中，我们为什么不这样做呢？ 5. 纵向margin的重叠这里提到margin，不得不提一下margin的这一特性??纵向重叠。如下图，的纵向margin是16px，那么两个之间纵向的距离是多少？按常理来说应该是 16 + 16 = 32px，但是答案仍然是 16px。因为纵向的margin是会重叠的，大的会把小的“吃掉”（可以自己去实验）。 6. 用div画“三角”“三角”在日常的网页中是很常见的，例如百度首页：以及我的开源项目wangEditor（http://www.cnblogs.com/wangfupeng1988/p/4198428.html）中的页面效果：你当然可以使用背景图片、fontAwesome来实现这一效果，但是你也可以用div来实现这一效果，很简单，而且可以封装通用： 7. 总结这一节我们用不小的篇幅讲解了盒子模型的相关知识，比较适合初学者，但是更加适合那些没有系统学习过css的有经验的开发人员，还是那句话：建议大家系统的学习知识体系。下面我们将继续这一部分，再说一说float。-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

1. 引言本文将用一篇文章介绍position（定位），在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。如果没有定位，我们做出来的网页将会是按部就班的自上而下、自左而右的平铺在浏览器上，外加通过margin和padding调整一下间距，还有就是通过float来浮动某些元素。做一些简单的网页这样就够了，例如N年之前的yahoo，虽然现在看来很low。但是有些情况下，这种按部就班的网页排版满足不了我们的要求，我们需要某些元素跑出来，悬浮在网页上面，而且需要给它指定一个位置。这时候我们就需要用到了position，而且是非用不可。如下图： 2. relative查资料可知道，position一共有四个可选属性：static/relative/absolute/fixed。其中static（静态定位）是默认值，即所有的元素如果不设置其他的position值，它的position值就是static，有它跟没有它一样。就不多介绍了。相对定位relative可以用一个例子很轻松的演示出来。例如我们写4个，出来的样子大家不用看也能知道。然后我们在第三个上面，加上position:relative并且设置left和top值，看这个有什么变化。上图中，大家应该要识别出两个信息（相信大部分人会忽略第二个信息）第三个发生了位置变化，分别向右向下移动了10px； 其他的三个位置没有发生变化，这一点也很重要。因此，relative会导致自身位置的相对变化，而不会影响其他元素的位置、大小的变化。这是relative的要点之一。还有第二个要点，就是relative产生一个新的定位上下文，下文有关于定位上下文的详细介绍，这里可以先通过一个例子来展示一下区别：注意看这两图的区别，下文将有解释。 3. absolute说道absolute，推荐大家去看一个视频教程，讲师对absolute讲的非常透彻，本文的一些内容也是参考了这篇教程，好东西大家一起分享吗！话归正传，咱们还是拿之前那个例子说事儿，先写一个基本的页面??4个然后，我们把第三个改为absolute，看看会发生什么变化。从上面的结果中，我们能看出几点信息：absolute元素脱离了文档结构。和relative不同，其他三个元素的位置重新排列了。只要元素会脱离文档结构，它就会产生破坏性，导致父元素坍塌。（此时你应该能立刻想起来，float元素也会脱离文档结构） absolute元素具有“包裹性”。之前的宽度是撑满整个屏幕的，而此时的宽度刚好是内容的宽度。 absolute元素具有“跟随性”。虽然absolute元素脱离了文档结构，但是它的位置并没有发生变化，还是老老实实的呆在它原本的位置，因为我们此时没有设置top、left的值。 absolute元素会悬浮在页面上方，会遮挡住下方的页面内容。最后，通过给absolute元素设置top、left值，可自定义其内容，这个都是平时比较常用的了。这里需要注意的是，设置了top、left值时，元素是相对于最近的定位上下文来定位的，而不是相对于浏览器定位。下文马上会讲定位上下文。但是有时候设置top、left值并不是定位的最佳解决方案。例如想要元素A紧跟在元素B的上方，可通过设置元素B为absolute，然后调整B的margin值来确定，这样更有效率。如下图：以上提到的信息，如果展开来说，内容非常多，而且用文本也不好描述，还是推荐大家去看慕课网的那篇视频教程，讲的很有意思。最后，再提几个小知识点。设置absolute会使得inline元素被“块”化，这在上一节将display时已经说过； 设置absolute会使得元素已有的float失效。不过float和absolute同时使用的情况不多； 上文提到了absolute会使元素悬浮在页面之上，如果有多个悬浮元素，层级如何确定？答案是“后来者居上”4. fixed其实fixed和absolute是一样的，唯一的区别在于：absolute元素是根据最近的定位上下文确定位置，而fixed永远根据浏览器确定位置。上文很多次提到了“定位上下文”，那么它到底是一个什么东东？答案马上揭晓。 5. 定位上下文5.1 relative的定位relative元素的定位永远是相对于元素自身位置的，和其他元素没关系，也不会影响其他元素。5.2 fixed的定位fixed元素的定位永远是相对于浏览器边界的，和其他元素没有关系。但是它具有破坏性，会导致其他元素位置的变化。5.3 absolute的定位absolute的定位相对于前两者要复杂许多。如果为absolute设置了top、left，浏览器会根据什么去确定它的纵向和横向的偏移量呢？答案是浏览器会递归查找该元素的所有父元素，如果找到一个设置了position:relative/absolute/fixed的元素，就以该元素为基准定位，如果没找到，就以浏览器边界定位。如下两个图所示：上图中的“某一层祖先元素”就是该absolute元素的定位上下文。讲到这里，我们上文中的那个图，大家能看明白了吧？还有不明白的可以留言给我。 6. 总结我感觉position这篇文章是这一系列中最难写的文章，它的知识点比较多，而且非常难理解，因此position也是css的一个重点知识，不懂position的前端开发人员要抓紧恶补一下。写了这么多，感觉还是写的不是很全面，或者不是很系统，很希望大家把自己的意见反馈给我。这个系列博客算是这个教程的第一版，我计划后期抽时间会录制一个视频版，到时候希望会更加全面系统一些。-------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

《css知多少》系列就此完结了。常来光顾的朋友可能会觉得突然：css的知识点还有很多，怎么突然就完了，还没讲完呢？这样说是对的。不过凡事都有一个定位，如果盲目求多，定位模糊，那样就没有目的没有方向了。我的身份不是前端开发人员，而是产品经理。我规划的产品是一款项目管理软件，我也是一个PMP。我深知一个项目一定要有目标、范围、进度和质量要求。一旦达到，项目即可结束，准备下一个项目的启动。我接下来，要继续优化我的富文本编辑器wangEditor。还要把我之前写的《深入理解javascript原型和闭包》做一次修订，录制成视频教程。另外，我还想录制一个MS Project的使用教程，发挥一下我PMP的作用。Project是一款非常强大的项目进度管理软件，但是真正能用得好的项目经理，并不多。闲话不扯，书归正传。《css知多少》的读者建议是了解css基础知识（或者刚刚入门），但是没有系统学习、归纳、总结过的人，还有那些整天忙于coding、bug、加班当饭吃的，而没有时间去看书学习的码工们。《css知多少》里虽然内容不多，但是都是我觉得应该讲的基础，那些不需要讲的基础我就没有讲。所以，如果你是css大牛，那你不必看了（来给我指正一下我也欢迎啊！）；如果你css都没有入门，那你也不用看了，我是从来不会写入门教程的。我的经历告诉我：学习有捷径。学习的捷径之一就是多看看别人是怎么理解这些知识的。举两个例子。如果你喜欢《水浒》，千万不要只读原著当故事看，一定要读一读各代名家的批注和点评，看他们是如何理解的。之前学C#时，看《CLR via C#》晦涩难懂，但是我又通过看《你必须知道的.net》而更加了解了。因为后者就是中国一个80后写的，我通过他对C#的了解，作为桥梁和阶梯，再去窥探比较高达上的书籍和知识。??《css知多少》也是一样的。最后，真诚的希望你能借助别人的力量来提高自己。我也一直在这样要求我自己。该系列目录如下：css知多少（1）??我来问你来答 css知多少（2）??学习css的思路 css知多少（3）??样式来源与层叠规则 css知多少（4）??解读浏览器默认样式 css知多少（5）??选择器 css知多少（6）??选择器的优先级 css知多少（7）??盒子模型 css知多少（8）??float上篇 css知多少（9）??float下篇 css知多少（10）??display css知多少（11）??position -------------------------------------------------------------------------------------------------------------欢迎关注我的教程：《从设计到模式》《深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频》也欢迎关注我的开源项目??wangEditor，简洁易用的web富文本编辑器-------------------------------------------------------------------------------------------------------------

原文： Packaging for Performance 杰微刊 兼职译者缪晨翻译， 杰微刊 审校及发布。 最近有个很有趣的主题，是关于web应用的静态资源（JS/CSS）打包的。 在当今前端界Craig Silverstein"s 和 Rebecca Murphey"s 在这个主题上的几篇文章表现出了对打包本质的深刻理解。现在面对的主要问题是：JavaScript与CSS的打包策略（基于现有最佳性能的实践）在迁移到HTTP/2的时候是否需要做一些改变？虽然在HTTP/2中打包的作用——减少HTTP请求数，变得毫无作用，但实际上我们还没有迁移到HTTP/2。以上的几篇文章证明了这个事实。在eBay 几个月前准备将网站迁移到到HTTPS时做过类似的测试。在这篇文章当中，我将简单介绍下我们打包的方法，以及我们的方法对性能的提高。 eBay的绝大多数页面遵循一个本地模板来打包静态资源。一个页面中的所有CSS跟JavaScript都被各自打包成一个资源，CSS在head标签中加载，而JS在底部加载。虽然这在减少HTTP请求数上做的很好，但依然有可挖掘的空间——最主要的一点是更有效的利用浏览器的缓存。当用户访问eBay的页面时，所有没访问过的页面都需要下载整个JS与CSS，但其中包含了前面页面中用过的核心类库（如jQuery）。当我们计划迁移到HTTPS（和HTTP/2）时，我们意识到这种粗粒度的打包策略是不行的。我们及其他人的研究都表明，这种整个打包在一起再每个页面单独加载资源的方式，在性能的优化上并不好。我们需要一个平衡，这时我们提出了我们自己的打包解决方案。 Inception 我们首先标注出了所有eBay页面都会调用的核心JS和CSS，然后把他们聚合为一个资源。为了达到这个目的，我们建立了个内部的Node.js 模块，叫做Inception。这个模块包含了所有公用的JS和CSS模块，而且会被所有团队（eBay各个页面的所有者）作为依赖添加。被标注的核心JS类库为：jQuery， marko （模板引擎）, marko-widgets （UI 组件抽象），以及内部的分析及跟踪类库。而CSS我们有我们自己的类库叫做Skin，从中我们提取了core、button、icons、dialog和form等模块。在eBay我们使用的打包工具叫作 Lasso。Inception模块作为Lasso的插件提供以下功能： 1、强制所有模块（购买，售卖，浏览，结算等）遵循准确的核心JS和CSS库的版本。不遵循话会构建失败。 2、将Inception 中的资源打包成一个URL，所有的模块都引用相同的URL，例如：inception-hashcode.js 和 inception-hashcode.css. 3、使各团队依然可以将Inception中的JS/CSS 作为他们自己模块依赖的一部分进行引用。Lasso的优化器会删除重复的加载，并确定只有一份会被发送到浏览器端。由于两个原因这个功能好到爆。首先，我们想要推广模块级的封装，因此当团队构建模块时，他们可以自由地将某个核心库作为依赖添加，而不必担心重复加载。这样可以保证这个模块可以独立运行。第二，各团队不需要追踪依赖是否在Inception当中。他们可以随意的添加依赖，工具可以处理这方面的优化。 现在有了Inception，我们可以看下我们得到的好处： 1、 浏览器缓存： 关于将所有资源打包进一个URL，上文提到了一个缺点，就是不能很好的利用浏览器缓存。Inception解决了这个问题。因为核心的JS和CSS类库（顺带一提，这是主要的负荷）在不同的模块上都采用同一个URL进行引用，这样在用户各种浏览eBay的过程中，浏览器缓存都被很有效的利用了。这个缓存大大提升了性能，特别是连接缓慢的情况下。附带的，新的浏览器通过各种方式支持 代码缓存，这样我们同时可以避免对Inception中的大量的JS进行重复的解析与编译。 2、库文件一致性： 在之前的打包系统中我们发现在各个模块中核心类库的版本缺乏一致。由于各个团队维护自己的核心类库，例如当用户从一个模块跳转到另一个的时候，使用了不用版本的jQuery或者按钮样式。实际结果并不只是UI不一致，而且实现也是不一致的。Inception修复了这个问题，因为它是一个统一维护核心类库的地方。 3、通向先进的Web应用： 当所有模块中的页面依赖于相同的核心类库时，他们支架你的过渡就变得非常容易，因为在浏览过程中只有这个应用单独需要的JS和 CSS需要下载。这样我们就可以使用 应用壳架构来构建我们的web应用，为将eBay建设成为一个先进Web应用铺平了道路，我们过去已经（在一个模块中） 探索 过一个类似的途径——使用 Structured Page Fragments 的方法，我们可以看到感知性能的明显提升。 4、简单的升级方式： 最后，Inception使我们可以在一个核心的地方将核心类库升级到一个更新的版本。Inception本身遵从 语义化版本，因此所有使用Inception的团队Inception 都可以根据一个语义的方式来获得更新。升级在之前是很有问题的，因为我们必须在挨个团队进行手工升级。 模块 现在核心类库已经由Inception来管理了，那页面中的其它资源呢？就是那些应用/模块中特定的CSS和JS。对于每个模块我们采用另一种打包的方式，我们把分为两组：常量和变量。 常量： 在所有的请求当中不变的CSS和JS 被定为常量。这些主要适用于各个模块中在不同的请求参数时不变的UI组件。常量模块打包成一个资源，这样又可以继续利用浏览器缓存。当一个用户重复浏览同一个页面的时候，这个包一般都会命中浏览器缓存，进而获得性能上的优势。 变量： 一小部分资源在各个页面中会根据请求的参数不同而变化。这些变化是由于实验，用户登录状态，业务逻辑等原因。这种资源被分入变量组，在运行时单独打包。这些只有极低的缓存命中率，可能每个会话都要通过网络重新下载。 总结 作为总结，每个页面会有6个资源包（3个JS和3个CSS），每个包都有各自的用途。所有的URL都根据内有进行哈希，这样缓存会自动过期。 1.Inception —打包核心JS和CSS，最高的负载。 2.常量 —打应用中包不变的CSS和JS。中级的负载。 3.变量 —打包应用中变化，最低的负载。 现在的状态下，这个打包策略貌似是最符合性能需求的。他在HTTP请求次数与浏览器缓存之间找到了一个正确的平衡点。明年我们将迁移到HTTP/2，我们也将继续改进这个方法，尝试更细粒度的打包方案，当然，性能是关键。 ------------好久不见的分隔线------------ 杰微刊旨在分享优质的内容。 我们水平有限，但理想高远。 也同样期待有理想的您对这个世界的贡献。 欢迎任何目的的联系。欢迎关注杰微刊

如题，如果我可以读出${yearNum}为2014，下载我希望获得year2014这样的数据，year为固定字符串，yearNum为2014，我要通过yearNum得到year2014怎么做到，求解，大概意思就是${year+${yearNum}}回复讨论(解决方案)${"year"+ yearNum} 这样就是year2014

CSS权重是由四个数值决定，看一张图比较好解释： 图里是英文的，我翻译过来分别说一下，4个等级的定义如下： 第一等：代表内联样式，如: style=””，权值为1000。 第二等：代表ID选择器，如：#content，权值为100。 第三等：代表类，伪类和属性选择器，如.content，权值为10。 第四等：代表类型选择器和伪元素选择器，如div p，权值为1。 最后把这些值加起来，再就是当前元素的权重了。 权重算出来了，但是某个元素到底用哪个样式，还有3个规则,： 1，如果样式上加有!important标记，例如： p{ color: gray !important} 那么始终采用这个标记的样式。 2，匹配的内容按照CSS权重排序，权重大的优先； 可以看到，CSS权重只是决定应用哪个样式的其中一个步骤，不过这个步骤是最复杂的，上面已经说过了。 3，如果权重也一样，按照它在CSS样式表里声明的顺序，后声明的优先，例如： h1 {color: blue}h1 {color: red} 最终胜出的是color: red。

HTML码如下：Miyo Industrial Co.,Ltd - deepne web design Home Product display Mens Watch Ladies Watch About Us EnterpriseCulture Honor Group Home dee_gray.CSS代码如下：/*---CSS base---*//*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul {list-style:none}caption,th {text-align:left}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}q:before,q:after {content:""}abbr,acronym { border:0}/*fonts*/.fb{font-weight:bold}.fn{font-weight:normal}.t2{text-indent:2em}.lh150{line-height:150%}.lh180{line-height:180%}.lh200{line-height:200%}/*position*/.pr{position:relative}.pa{position:absolute}.bc{margin-left:auto;margin-right:auto;}.fl{float:left;display:inline}.fr{float:right;display:inline}.cb{clear:both}.cl{clear:left}.cr{clear:right}.vm{vertical-align:middle}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.abs-right{position:absolute;right:0}.zoom{zoom:1}.hidden{visibility:hidden}.none{display:none}.text-v{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*width*//*height*//*margin*/.m10{margin:10px}.m15{margin:15px}.m30{margin:30px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mt50{margin-top:50px}.mt100{margin-top:100px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}.mb100{margin-bottom:100px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}/*color*/.gray{color:gray;}.green{color:green;}.red{color:red;}.textover{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*---CSS main---*//*global*/body{font:12px "Microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif;color:#555;}a{text-decoration:none; outline:none;color:#09f;}/*a:hover{color: #ae2e8d;}*/input[type=submit],botton{cursor: pointer;}.w{width:990px;margin-left:auto;margin-right:auto;}#mainner .w{overflow:hidden;}#banner .w{position: relative;}#header,#banner,#mainner,#footer,.c{width:100%; min-width:990px;}/*sprite*/.ico,#header,.siteTips .vip-login a,.siteTips .pro-tab a,.siteTips .hot-line a,.locationBar .conte-nav a,.locationBar .conte-nav span,.locationBar .local-nav a,.more a,.footer,#btn-scrollTop a{background: url(../images/yzj-sprite-en.png) no-repeat;}.locationBar{background: url(../images/yzj_location-bg.png) repeat-x;}/*header*/#header{height: 100px; background-repeat: repeat-x; position: relative; z-index: 2;}#header .w{position: relative; height: 100%;}/*head-top*/.logo{position: absolute; left: 0; bottom: 10px; width: 200px; height: 65px;}.siteTips{position: absolute; right: 0; top: 2px; height: 15px; color: white; zoom:1;}.siteTips a{color: #eee;}.siteTips span{float: left; margin-left: 8px;}.siteTips .vip-login a{background-position: -533px -193px; padding-left: 15px;}.siteTips .pro-tab a{background-position: -533px -217px; padding-left: 15px;}.siteTips .hot-line a{background-position: -529px -237px; padding-left: 18px;}.siteTips .smallTip a,.siteTips .bigTip a{display: inline-block; padding-left: 15px; background-position: -338px -158px;}.siteTips .bigTip a{background-position: -235px -159px;}.siteTips .bigTip{width: 79px; background-position: -249px -138px;}.siteTips .noIcoTip a{padding: 0;background: none;}/*nav*/.nav{position: absolute; right: 0; bottom: 0; height: 42px; z-index: 9; clear: both;}.nav-ul{zoom:1; height: 100%;}.nav-ul .nav-item{float: left; position: relative;}.nav-item .nav-item-a{ display: block; border-top: 1px solid #eee; border-left: 1px solid #ddd; height: 41px; line-height: 41px; padding: 0 20px; background-color: #f1f1f1; text-align: center; font-size: 14px; color: #666; _width: 50px; white-space: nowrap;}.nav-item .nav-item-a:hover, .nav .hover .nav-item-a,.nav .on .nav-item-a{background-color: #09f; color: white; border-color: #09f;}.sub-nav{ display: none; position: absolute; top: 42px; left: 0; width: 130px; height: auto; box-shadow: 5px 6px 12px 0 rgba(66,66,66,0.1); /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=155,strength=3);*/ z-index: 10;}.sub-nav-item{clear: both; border-bottom: 1px solid #fff;}.sub-nav-item a{ clear: both; display: block; padding-left: 15px; height: 28px; line-height: 28px; text-align: left; font-size: 12px; color: #888; border-bottom: 1px solid #e2e2e2; background-color: #f1f1f1;}.sub-nav-item a:hover{background-color: #09f; color: #fff;}.sub-nav-child{ clear: both; border-bottom: 1px solid #fff; /*filter:progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=155,strength=3);*/ z-index: 10;}/*banner*/#banner .w{border-bottom: 1px solid #eee;}.bannerMini{height: 240px; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden;}/*mainner*/#mainner .w{margin-top: 0;}.locationBar{height: 28px; line-height: 26px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; padding-bottom: 0; margin-top: -1px; background-repeat: repeat-x; box-shadow: 0 3px 10px 0 rgba(99,99,99,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=180,strength=12)9;}.locationBar .conte-nav,.locationBar .local-nav{max-width:30%;height:28px;line-height:28px;white-space: nowrap;overflow: hidden;}.locationBar .conte-nav{max-width:60%;}.locationBar .conte-nav a,.locationBar .conte-nav span,.locationBar .local-nav a{ display: inline-block; height:28px; padding-right: 18px; margin-right: 5px; background-position: right -425px; color: #999; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.locationBar .conte-nav span,.locationBar .conte-nav a:hover,.locationBar .local-nav a:hover{color: #09f;}.locationBar .local-nav a{margin-right: 8px; background-position: right -466px;}.locationBar .local-nav span{display: inline-block; height:100%; color: #999; overflow: hidden;}现需要鼠标移动到mens watch上面时显示A watch和B watch。移动到ladies watch上时，显示c watch和d watch.。真心求帮助。谢谢各位程序员。 回复讨论(解决方案)三级？要求高了点吧 jquery多级下拉菜单插件n级都行，按照别人的结构来body{background:#999}level 1_1level 2_1level 3_1level 3_2level 3_2_1level 3_2_2level 3_2_2_1level 3_2_2_2level 1_2level 1_3

HTML 编码 网页设计 做网页设计，一开始用的uft-8编码做的，但是做到产品展示调用，新闻调用那块，用别的网站拷代码，结果那网站是gb2312的网站，拷过来直接乱码！！！然后我用记事本过滤了一遍还是不管，新建个uft-8的页面，吧代码拷过去，然后调用那个页面还是不管，求个能共存的方法！！！感激不尽！ 回复讨论(解决方案)你用记事本过滤了一遍是指把文件编码也改成UTF8了？文件编码，声明编码（META）都一致还不行？ 楼上的方法应该可以的gb2312全文替换成uft-8的

不会啊

差别挺大。nurse 谐音读作：讷 斯nose谐音读作：漏 日（这里的漏把它读成n，不是l）

box 发音与其他两个不同。精锐长宁天山校区

淘气妖一二子淘气妖nou子

严重: Servlet.service() for servlet jsp threw exceptioncom.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near "from_buses" at line 1at sun.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)at sun.reflect.NativeConstructorAccessorImpl.newInstance(Unknown Source)at sun.reflect.DelegatingConstructorAccessorImpl.newInstance(Unknown Source)at java.lang.reflect.Constructor.newInstance(Unknown Source)at com.mysql.jdbc.Util.handleNewInstance(Util.java:406)at com.mysql.jdbc.Util.getInstance(Util.java:381)at com.mysql.jdbc.SQLError.createSQLException(SQLError.java:1030)at com.mysql.jdbc.SQLError.createSQLException(SQLError.java:956)at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:3515)at com.mysql.jdbc.MysqlIO.checkErrorPacket(MysqlIO.java:3447)at com.mysql.jdbc.MysqlIO.sendCommand(MysqlIO.java:1951)at com.mysql.jdbc.MysqlIO.sqlQueryDirect(MysqlIO.java:2101)at com.mysql.jdbc.ConnectionImpl.execSQL(ConnectionImpl.java:2548)at com.mysql.jdbc.ConnectionImpl.execSQL(ConnectionImpl.java:2477)at com.mysql.jdbc.StatementImpl.executeQuery(StatementImpl.java:1422)at org.apache.jsp.BrowseTable_jsp._jspService(BrowseTable_jsp.java:102)at org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:70)at javax.servlet.http.HttpServlet.service(HttpServlet.java:717)at org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:377)at org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:313)at org.apache.jasper.servlet.JspServlet.service(JspServlet.java:260)at javax.servlet.http.HttpServlet.service(HttpServlet.java:717)at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:290)at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:233)at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:191)at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:127)at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102)at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:298)at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:852)at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:588)at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:489)at java.lang.Thread.run(Unknown Source)回复讨论(解决方案)似乎是因为from后面少了空格"select * from" + tableName);-----------------------------------"select * from " + tableName);

翻译：哇，它竟然长着一只长鼻子。

为什么设置的vertical-align垂直居中不起作用: vertical-align属性可能使用并不是太频繁，但是有时候可能会使用vertical-align:middle设置对象内部的元素垂直居中对齐，但是有时候会发现此设置并非都会产生效果。代码实例如下:蚂蚁部落td{ width:200px; height:200px; border:1px solid red; vertical-align:bottom;}div{ width:60px; height:60px; background-color:#690;} 从以上代码的表现可以看出vertical-align属性起作用了。再来看一段实例代码:蚂蚁部落.parent{ width:200px; height:200px; border:1px solid red; vertical-align:bottom;}.children{ width:60px; height:60px; background-color:#690;} 以上代码的表现可以看出，这里的vertical-align属性并没有起作用。这是因为此属性只能应用于具有valign属性的元素，table元素具有valign属性，而div元素不具有，所以第二个例子中，vertical-align属性不会起作用。 原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0503/587.html 最为原始地址是:http://www.softwhy.com

如何使用Watson之The Document Conversion service is now GA! 翻译by GraceJ原网址：https://developer.ibm.com/watson/blog/2015/12/15/the-document-conversion-service-is-now-ga/ 文档转换服务已经唾手可得 宣布：IBM沃森文档转换服务现已全面上市！ IBM沃森的文档转换服务是一个简单直接的服务，它只有一个目标：将文档从HTML、PDF和Microsoft Word格式转换成标准化的HTML、纯文本或回答器JSON，并且可以应用到其他的 Watson服务上，例如沃森的检索和排名服务。 然而，这种与沃森的检索和排名服务相结合的看似简单粗暴的服务，却解决了一个大问题： 比如说很多组织内部会有一千多份文件，文件包含所有你可能需要的有关该组织的信息，比如组织情况、以及他们提供的产品和服务。然而，去深度挖掘这些文件中可能存在的确切答案完全就是一个不可能完成的任务，假设你正在尝试调查一个商用路由器，而且你还在为它的远程访问设置而烦恼，你可能先将它限制为一个特定的产品，然后到一个产品系列，然后可能到一个模型，然后到一个模型链上。所有这一切都只是为了找到可能对我们有所帮助的文档列表。但是他们可能到最后都不能解决你的问题！你可能仍然需要翻找10s甚至100s文件才可能找到你要的答案。而文档转换服务可以帮你解决这个问题！ 文档转换服务可以将你的所有文件转到回答器中，然后可以被索引到检索和排名服务的实例中去，并使用沃森回答问题。下面有提供示例代码的链接，展示了如何连接文档转换服务和检索排名服务。 IBM沃森文档转换服务的价格：每月前100兆字节都是免费的，超过百兆的话，每兆字节为$ 0.05美元。更多的沃森文件转换服务与检索排名服务的信息可以查看这个链接：示例代码（ https://github.com/watson-developer-cloud/node-sdk/blob/master/examples/document_conversion_integration.v1.jscm_mc_uid=76014707908414537334215&cm_mc_sid_50200000=1453811635） 更多有关提升你的实验版文件转换服务为上市版，请查看链接：更新页（http://www.ibm.com/smarterplanet/us/en/ibmwatson/developercloud/doc/document-conversion/updates.shtml） 如果你想尝试探索一下这个服务，请查看链接：演示（https://document-conversion-demo.mybluemix.net/?cm_mc_uid=76014707908414537334215&cm_mc_sid_50200000=1453814179 ）欢迎加入本站公开兴趣群 商业智能与数据分析群 兴趣范围包括各种让数据产生价值的办法，实际应用案例分享与讨论，分析工具，ETL工具，数据仓库，数据挖掘工具，报表系统等全方位知识 QQ群：81035754

一般做OA类管理系统，经常涉及到“组织架构”的概念，那么像这种有上下层级关系的数据一般会做成树形菜单的方式显示，底层代码必定会用到递归算法。这篇随笔的目的就是要谈谈除了用树形菜单来显示这种上下层级关系的数据，还有其他的显示方式吗？答案是有的，例如即将要谈到的二维表显示方式，同时也是本随笔的核心内容。 首先来看二维表的显示效果图： 如果看到这里，你觉得这就是你想要的显示效果，或者对此比较感兴趣。请接着往下看的实现步骤： 1.取出所有的数据临时保存到DataTable中,即内存中,拼html时直接查DataTable中的数据,不用去反复读取数据库,提高效率； 2.根据节点编号获取该节点下所有的末端子节点编号,因为末端子节点的个数就决定了的行数； 3.将查到的末端子节点编号的所有父节点编号也查出来,拼接起来,就知道了的每行的列数； 4.对节点的编号进行排序,这样可以把每列下的相同行的节点编号集中在一起,方便后面的合并单元格； 5.遍历行和列,合并每列相同行的单元格； 6.最后一步，拼接空白的列。 如下是具体代码实现过程： 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 using System.Data; 6 using System.Text; 7 8 ///9 ///KpiTable 的摘要说明 10 ///11 public class KpiTable 12 { 13 DBUtility.SQLHelper sqlhelper = new DBUtility.SQLHelper(); 14 public string GetKpiTable(string kpino, string businessno, string tenderno) 15 { 16 //1.取出所有的数据临时保存到dt2,即内存中,拼html时直接查dt2中的数据,不用去反复读取数据库,提高效率 17 DataTable dt2 = new DataTable(); 18 { 19 DataSet ds = new DataSet(); 20 int i = sqlhelper.RunSQL(string.Format("select count(1) from sys.objects where name = "KpiValue{0}"", businessno)); 21 if (string.IsNullOrEmpty(tenderno) || i -1) 66 { 67 row["kpino"] = row["kpino"].ToString().Substring(index); 68 } 69 } 70 //6.遍历行和列 71 int maxCount = GetMaxCount(drArray); 72 StringBuilder sbJson = new StringBuilder(); 73 for (int i = 0; i < drArray.Length; i++) 74 { 75 DataRow row = drArray[i]; 76 sbJson.Append(""); 77 var kpinoArray = row["kpino"].ToString().Trim(",").Split(","); 78 int kpinoArrayLenth = kpinoArray.Length; 79 for (int j = 0; j < kpinoArrayLenth; j++) 80 { 81 string str = kpinoArray[j]; 82 if (str != "0") 83 { 84 var dr = dt2.Select("kpino="" + str + """); 85 //合并每列相同行的单元格 86 if (dr.Length > 0 && !EqualUpColumnValue(i, j, drArray)) 87 { 88 double kpiWeight = GetKpiWeight(dt2, str); 89 double kpiValue = GetKpiValue(dt2, str); 90 string kpiValueStr = string.IsNullOrEmpty(tenderno) ? "" : "[" + (kpiValue * kpiWeight).ToString("0.00") + "]"; 91 string kpiDes = GetKpiDes(dt2, str); 92 sbJson.Append(string.Format("{1}({2}%){3}{4}", GetColspan(i, j, drArray), dr[0]["kpiname"], (kpiWeight * 100).ToString("0.00"), kpiValueStr, kpiDes)); 93 } 94 } 95 } 96 //拼接空白的列 97 for (int j = 0; j < maxCount - kpinoArrayLenth; j++) 98 { 99 sbJson.Append("");100 }101 sbJson.Append("");102 }103 return "" + sbJson.ToString() + "";104 }105 106 private string RecursionEndKpiNo(DataTable dt, object parentId)107 {108 StringBuilder sbJson = new StringBuilder();109 110 DataRow[] rows = dt.Select(string.Format("KpiParentNo = "" + parentId + """));111 if (rows.Length > 0)112 {113 foreach (DataRow row in rows)114 {115 string str = RecursionEndKpiNo(dt, row["kpino"]);116 sbJson.Append("" + row["kpino"] + "," + str);117 }118 }119 return sbJson.ToString();120 }121 private bool IsChild(DataTable dt, string parentId)122 {123 DataRow[] rows = dt.Select(string.Format("KpiParentNo = "" + parentId + """));124 if (rows.Length > 0)125 {126 return true;127 }128 else129 {130 return false;131 }132 }133 134 private string Recursion(DataTable dt, object parentId)135 {136 StringBuilder sbJson = new StringBuilder();137 138 DataRow[] rows = dt.Select("kpino = "" + parentId + """);139 if (rows.Length > 0)140 {141 if (rows[0]["KpiParentNo"].ToString() == "0" || rows[0]["KpiParentNo"].ToString() == "")142 {143 sbJson.Append("0,");144 }145 else146 {147 sbJson.Append(Recursion(dt, rows[0]["KpiParentNo"]));148 }149 }150 sbJson.Append(parentId.ToString() + ",");151 return sbJson.ToString();152 }153 private int GetMaxCount(DataRow[] drArray)154 {155 int temp = 0;156 foreach (DataRow row in drArray)157 {158 int count = row["kpino"].ToString().Trim(",").Split(",").Length;159 if (count > temp)160 {161 temp = count;162 }163 }164 return temp;165 }166 private bool EqualUpColumnValue(int rowIndex, int colIndex, DataRow[] drArray)167 {168 if (rowIndex == 0)169 {170 return false;171 }172 173 string[] kpinoArray = drArray[rowIndex - 1]["kpino"].ToString().Trim(",").Split(",");174 if (kpinoArray.Length > colIndex)175 {176 string upColumnValue = drArray[rowIndex]["kpino"].ToString().Trim(",").Split(",")[colIndex];177 if (upColumnValue == kpinoArray[colIndex])178 {179 return true;180 }181 else182 {183 return false;184 }185 }186 else187 {188 return false;189 }190 }191 private int GetColspan(int rowIndex, int colIndex, DataRow[] drArray)192 {193 int colspan = 1;194 string[] kpinoArray = drArray[rowIndex]["kpino"].ToString().Trim(",").Split(",");195 196 while (rowIndex < drArray.Length - 1)197 {198 string[] kpinoArray2 = drArray[rowIndex + 1]["kpino"].ToString().Trim(",").Split(",");199 if (kpinoArray2.Length > colIndex)200 {201 if (kpinoArray[colIndex] == kpinoArray2[colIndex])202 {203 colspan++;204 }205 else206 {207 break;208 }209 }210 else211 {212 break;213 }214 rowIndex++;215 }216 return colspan;217 }218 private double GetKpiWeight(DataTable dt, string kpino)219 {220 double kpiWeight = 0;221 var drArray = dt.Select("kpino="" + kpino + """);222 if (drArray.Length > 0)223 {224 string kpiParentNo = drArray[0]["KpiParentNo"].ToString();225 double kpino_KpiWeight = Convert.ToDouble(drArray[0]["KpiWeight"]);226 drArray = dt.Select("KpiParentNo="" + kpiParentNo + """);227 if (drArray.Length > 0)228 {229 double result = 0;230 foreach (DataRow row in drArray)231 {232 result += Convert.ToDouble(row["KpiWeight"]);233 }234 kpiWeight = (kpino_KpiWeight / result);235 }236 }237 return kpiWeight;238 }239 private double GetKpiValue(DataTable dt, string kpino)240 {241 var drArray = dt.Select(string.Format("kpino="{0}"",kpino));242 if (drArray.Length>0)243 {244 return Convert.ToDouble(drArray[0]["KpiValue1"]);245 }246 return 0;247 }248 private string GetKpiDes(DataTable dt, string kpino)249 {250 string des = string.Empty;251 var drArray = dt.Select(string.Format("kpino="{0}"",kpino));252 if (drArray.Length>0)253 {254 string KpiMethod = drArray[0]["KpiMethod"].ToString();255 string KpiSampleType = drArray[0]["KpiSampleType"].ToString();256 string KpiRule = drArray[0]["KpiRule"].ToString();257 string KpiCriterion = drArray[0]["KpiCriterion"].ToString();258 string KpiAreaRule = drArray[0]["KpiAreaRule"].ToString();259 string KpiSampleRule = drArray[0]["KpiSampleRule"].ToString();260 261 //表格样式262 if (!string.IsNullOrEmpty(KpiMethod))263 {264 //des += "";265 //des += "计算方法:" + KpiMethod +"";266 //des += "采样类别:" + KpiSampleType + "";267 //des += "评价标准:" + KpiRule + "";268 //des += "规范要点:" + KpiCriterion + "";269 //des += "测区规则:" + KpiAreaRule + "";270 //des += "测点规则:" + KpiSampleRule + "";271 //des += "";272 }273 274 //换行样式 275 //if (!string.IsNullOrEmpty(KpiMethod)) { des += "计算方法:" + KpiMethod; }276 //if (!string.IsNullOrEmpty(KpiSampleType)) { des += "采样类别:" + KpiSampleType; }277 //if (!string.IsNullOrEmpty(KpiRule)) { des += "评价标准:" + KpiRule; }278 //if (!string.IsNullOrEmpty(KpiCriterion)) { des += "规范要点:" + KpiCriterion; }279 //if (!string.IsNullOrEmpty(KpiAreaRule)) { des += "测区规则:" + KpiAreaRule; }280 //if (!string.IsNullOrEmpty(KpiSampleRule)) { des += "测点规则:" + KpiSampleRule; } 281 }282 return des;283 }284 285 286 287 288 } 以及需要用到的表（sql脚本）： 1 USE [Evaluation] 2 GO 3 /****** Object: Table [dbo].[Kpi] Script Date: 2016/3/25 16:06:04 ******/ 4 SET ANSI_NULLS ON 5 GO 6 SET QUOTED_IDENTIFIER ON 7 GO 8 CREATE TABLE [dbo].[Kpi]( 9 [KpiNo] [nvarchar](50) NOT NULL, 10 [KpiName] [nvarchar](50) NULL, 11 [KpiInfo] [nvarchar](100) NULL, 12 [KpiParentNo] [nvarchar](50) NULL, 13 [KpiMethod] [nvarchar](50) NULL, 14 [KpiWeight] [decimal](18, 2) NULL, 15 [KpiRule] [nvarchar](100) NULL, 16 [KpiCriterion] [nvarchar](100) NULL, 17 [KpiAreaRule] [nvarchar](100) NULL, 18 [KpiSampleRule] [nvarchar](100) NULL, 19 [KpiAreaNum] [int] NOT NULL, 20 [KpiSampleNum] [int] NOT NULL, 21 [KpiMinValue] [decimal](18, 2) NULL, 22 [KpiMaxValue] [decimal](18, 2) NULL, 23 [KpiOffset] [decimal](18, 2) NULL, 24 [KpiReferenceVal] [decimal](18, 2) NULL, 25 [KpiValueType] [nvarchar](50) NULL, 26 [KpiFormula] [nvarchar](50) NULL, 27 [KpiFormulaRule] [nvarchar](100) NULL, 28 [KpiMemo] [nvarchar](100) NULL, 29 [KpiGoodMinValue] [decimal](18, 2) NULL, 30 [KpiGoodMaxValue] [decimal](18, 2) NULL, 31 [KpiGoodMethod] [nvarchar](50) NULL, 32 [KpiGoodOffset] [decimal](18, 2) NULL, 33 [KpiSampleType] [nvarchar](50) NULL, 34 [IsDLT] [smallint] NULL, 35 [CrtDate] [datetime] NULL, 36 [CrtUser] [nvarchar](50) NULL, 37 [UpdDate] [datetime] NULL, 38 [UpdUser] [nvarchar](50) NULL, 39 CONSTRAINT [PK_EVKpiInfo] PRIMARY KEY CLUSTERED 40 ( 41 [KpiNo] ASC 42 )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] 43 ) ON [PRIMARY] 44 45 GO 46 /****** Object: Table [dbo].[kpi1447055501128] Script Date: 2016/3/25 16:06:04 ******/ 47 SET ANSI_NULLS ON 48 GO 49 SET QUOTED_IDENTIFIER ON 50 GO 51 CREATE TABLE [dbo].[kpi1447055501128]( 52 [KpiNo] [nvarchar](50) NOT NULL, 53 [KpiName] [nvarchar](50) NULL, 54 [KpiInfo] [nvarchar](100) NULL, 55 [KpiParentNo] [nvarchar](50) NULL, 56 [KpiMethod] [nvarchar](50) NULL, 57 [KpiWeight] [decimal](18, 2) NULL, 58 [KpiRule] [nvarchar](100) NULL, 59 [KpiCriterion] [nvarchar](100) NULL, 60 [KpiAreaRule] [nvarchar](100) NULL, 61 [KpiSampleRule] [nvarchar](100) NULL, 62 [KpiAreaNum] [int] NOT NULL, 63 [KpiSampleNum] [int] NOT NULL, 64 [KpiMinValue] [decimal](18, 2) NULL, 65 [KpiMaxValue] [decimal](18, 2) NULL, 66 [KpiOffset] [decimal](18, 2) NULL, 67 [KpiReferenceVal] [decimal](18, 2) NULL, 68 [KpiValueType] [nvarchar](50) NULL, 69 [KpiFormula] [nvarchar](50) NULL, 70 [KpiFormulaRule] [nvarchar](100) NULL, 71 [KpiMemo] [nvarchar](100) NULL, 72 [KpiGoodMinValue] [decimal](18, 2) NULL, 73 [KpiGoodMaxValue] [decimal](18, 2) NULL, 74 [KpiGoodMethod] [nvarchar](50) NULL, 75 [KpiGoodOffset] [decimal](18, 2) NULL, 76 [KpiSampleType] [nvarchar](50) NULL 77 ) ON [PRIMARY] 78 79 GO 80 /****** Object: Table [dbo].[kpi20150002] Script Date: 2016/3/25 16:06:04 ******/ 81 SET ANSI_NULLS ON 82 GO 83 SET QUOTED_IDENTIFIER ON 84 GO 85 CREATE TABLE [dbo].[kp

nosebleed，英语单词，主要用作名词、形容词，作名词时译为“鼻出血；（非正式）（体育场、大剧院等的）后排最高处的廉价座位”，作形容词时译为“很高的，过高的”。英式发音[u02c8nu0259u028azbliu02d0d]美式发音[u02c8nou028azbliu02d0d]单词用法柯林斯英汉双解大词典nosebleed /u02c8nu0259u028azu02ccbliu02d0d/ (also nose bleed) ( nosebleeds )。1.N-COUNT If someone has a nosebleed, blood comes out from inside their nose. 鼻出血 。短语搭配epistaxis nosebleed 鼻出血pregnant nosebleed 妊娠衄血serious nosebleed 鼻衄menstrual nosebleed 经行衄血Nosebleed time 流行朋克chronic nosebleed 久衄Pertinacious nosebleed 顽固性鼻出血nosebleed seats 离舞台最近的座位Flow Nosebleed 流鼻血

我因为表单要写onsubmit事件,但onsubmit返回false时ewebediter还是执行了提交,所以我研究过这个问题在includeEditor.js 的function setLinkedField() 我屏闭了这一行//oForm.attachEvent("onsubmit", AttachSubmit) ;然后怎样提交字串框都是空的,在表单的onsubmit事件中加下面这一句就OK了window.frames["eWebEditor1"].AttachSubmit();希望对你有帮助!!哎呀我打不开知道的登陆页.....bG9uZ2di下面是Editor.js文件的部分代码// 设置所属表单的提交或reset事件function setLinkedField() { if (! oLinkField) return ; var oForm = oLinkField.form ; if (!oForm) return ; // 附加submit事件 //oForm.attachEvent("onsubmit", AttachSubmit) ; if (! oForm.doneAutoRemote) oForm.doneAutoRemote = 0 ; if (! oForm.submitEditor) oForm.submitEditor = new Array() ; oForm.submitEditor[oForm.submitEditor.length] = AttachSubmit ; if (! oForm.originalSubmit) { oForm.originalSubmit = oForm.submit ; oForm.submit = function() { if (this.submitEditor) { for (var i = 0 ; i < this.submitEditor.length ; i++) { this.submitEditor[i]() ; } } this.originalSubmit() ; } } // 附加reset事件 oForm.attachEvent("onreset", AttachReset) ; if (! oForm.resetEditor) oForm.resetEditor = new Array() ; oForm.resetEditor[oForm.resetEditor.length] = AttachReset ; if (! oForm.originalReset) { oForm.originalReset = oForm.reset ; oForm.reset = function() { if (this.resetEditor) { for (var i = 0 ; i < this.resetEditor.length ; i++) { this.resetEditor[i]() ; } } this.originalReset() ; } }}// 附加submit提交事件,大表单数据提交,远程文件获取,保存eWebEditor中的内容var bDoneAutoRemote = false;function AttachSubmit() { var oForm = oLinkField.form ; if (!oForm) return; if ((config.AutoRemote=="1")&&(!bDoneAutoRemote)){ parent.event.returnValue = false; bDoneAutoRemote = true; remoteUpload(); } else { var html = getHTML(); ContentEdit.value = html; if (sCurrMode=="TEXT"){ html = HTMLEncode(html); } splitTextField(oLinkField, html); }}

俄语版呀，只听过英文版的。

选D be paid by hour按小时取酬.by通过.的方式,hour表示方式不需要冠词修饰. hit me on the nose 揍我的鼻子 类似的词组的固定形式,身体部位前用定冠词the

right on sb"s face是固定用法吧。

nanoscale是SCI分区1区的顶级期刊。 Nanoscale期刊名缩写：NANOSCALE，国际刊号：2040-3364，2021年影响因子/JCR分区：7.790/Q1。出版国家或地区：ENGLAND，出版周期：Monthly。 Nanoscale官方网站：pubs.rsc.org/en/journals/journalissues/nr Nanoscale投稿网址：mc.manuscriptcentral.com/nr

不是。NOSENSE创立于2017年，是一个充满色彩活力的年轻设计师品牌，是由国外的CommonSense设计师设计，以一个小男孩头像融合NOSENSE英文作为品牌形象LOGO，属于国外品牌，非常流行。

不是。NOSENSE创立于2017年，是一个充满色彩活力的年轻设计师品牌，是由国外的CommonSense设计师设计，属于国外品牌，非常流行。该品牌以一个小男孩头像融合NOSENSE英文作为品牌形象LOGO。

不是。NOSENSE创立于2017年，是一个充满色彩活力的年轻设计师品牌，是由国外的CommonSense设计师设计，并不是国内的，以一个小男孩头像融合NOSENSE英文作为品牌形象LOGO，属于国外品牌，非常流行。

elephant has a big body and long strong nose and two broadly ears,they can swim but i never see a elelphant jump.they are tall and eat a lot.they usuallly migrate by warking!monkeys are cute .they posess a small body and a long thin tail. sleeps on the trees.they are good at jumping and climbing.they eat fruit and leaves.they have srong arms and legs,but their neck is thin.frog has short arm but a big mouth,its eyes are very big.it can jump a long distance becouse they are borned with two strong legs.bird are the sign of freedom for they can fly in the sky

momboxnose中，最不后面的发音是“m”。在这个单词里，重音放在第一个音节（mo），随后的音节中，o的音比较重，而其他的音都比较短，因此，发音最后面的“m”在这个单词中的位置比较接近前面的音节，所以发音会比其他音节的发音更加靠前一些。

Rudolph the Red Nosed Reindeerhttp://www.youtube.com/watch?v=zKfW2osk900Rudolph, the red-nosed reindeer had a very shiny nose. And if you ever saw him, you would even say it glows. All of the other reindeer used to laugh and call him names. They never let poor Rudolph join in any reindeer games. Then one foggy Christmas Eve Santa came to say: "Rudolph with your nose so bright, won"t you guide my sleigh tonight?" Then all the reindeer loved him as they shouted out with glee, Rudolph the red-nosed reindeer, you"ll go down in history!

单从这里看是“撕下鼻贴/揭开鼻贴”的意思。具体的含义要看语境才能确定，包括上下文、使用场景等等。

《眼鼻嘴(EYES,NOSE,LIPS)》　　演唱：TAEYANG　　歌词：　　不要说对不起 对不起　　只会让我更落魄　　用你好看的红色嘴唇　　开来杀了我再走吧　　我没关系的　　最后看我一眼吧　　没有事一样的笑吧　　让我想你的时候　　让我能记得　　能让我在脑海里画出你的样子　　无法放你走的我的贪心　　变成偏执囚禁你　　是不是因为这样的我累了　　没有任何回答的你　　为什么像傻子一样　　无法抹去你　　你已经离开了　　你的眼鼻嘴 曾抚摸我的你的手　　连小小的手指甲都　　尽管依然能够感受到你　　像结束了的烟火一样　　燃尽的 我们的爱情都　　虽然很痛 但如今你称之为回忆吧　　爱你 虽然爱你　　可能我还不够吧　　或许 即使偶然间　　仅仅是一瞬间 能见你吗　　一天一天越来越不安　　关于你的所有都开始模糊　　照片里的你 为什么　　笑得那么灿烂　　连走向我们的离别都没有察觉　　无法放你走的我的贪心　　变成偏执囚禁你　　是不是因为这样的我累了　　没有任何回答的你　　为什么像傻子一样　　无法抹去你　　你已经离开了　　你的眼鼻嘴 曾抚摸我的你的手　　连小小的手指甲都　　尽管依然能够感受到你　　没有任何回答的你　　为什么像傻子一样　　无法抹去你　　你已经离开了　　你的眼鼻嘴 曾抚摸我的你的手　　连小小的手指甲都　　尽管依然能够感受到你　　之王者我的你的黑色眼睛　　带着迷人香气的你的鼻子　　我爱你 我爱你　　向我诉说的那个嘴唇 我　　你的眼鼻嘴 曾抚摸我的你的手　　连小小的手指甲都　　尽管依然能够感受到你　　像结束了的烟火一样　　燃尽的 我们的爱情全部　　虽然很痛 但如今你称之为回忆吧

太阳的眼鼻嘴 有韩文 日语版的

歌曲名:Everyone Nose (All The Girls Standing In The Line For The Bathroom)歌手:N.E.R.D.专辑:Seeing SoundsN.E.R.D. - Everyone Nose (Remix)(Ft. Kanye West, Pharrel, Lupe Fiasco & Pusha-T)(Kanye)Hey, Do you have any black inside you/Would you like some, like some?/You know you got a right to/ do whatever you like to/ don c, weGot the right one, the right one/ in the club, always the flyest/Always got her hands the highest/ she stopped drinking dietCoke, she on that coke diet/ she bat she bat her eyelids/ that girlIs so wired/ I know she so tired/ but oooh she on fire/ hundredDollar bill, look at you look at you/ a hundred dollar bills, this aintNew this aint new/ from that paris, lindsey, britney, mary-kate,And whitney/ people say that they clean,Motherfucker don"t bullshit me(Chorus)All the girls standing in line for the bathroom (2x)All the girls standing in the, all the girls standing in theAll the girls standing in the line for the bathroom(Pharrel)You left yo nigga home, you said you at your sisters/You and your girlfriends wrong, you in here taking pictures/You aint gotta tell us you spending daddy"s cash/Your girlfriends jealous, you got the fattest ass/One down to p, one trying to leave/It"s hot as fuck but you dying just to ski/It"s clear as black and white, like a fat panda/Your brain is magic city, your nose is atlanta/I said think about your future, you can"t do that tomorrow/But you don"t hear a word, you see that SLR/ you like,"hey,pharrel, I aint trying to kill your mood/ but I can do the star trakSign, see, killer dude."(Chorus)All the girls standing in line for the bathroom (2x)All the girls standing in the, all the girls standing in theAll the girls standing in the line for the bathroom(Lupe Fiasco)Now she got high hopes, just to say hi to us/She want the high life, she like them higher ups/She know we high rolling, she know it"s high stakes/That"s why she high-speeding out on that highway/She say she high maintenance, she say she high fashion/She say high priced, I think she high cappin/She had her high heels, I had my high tops/Sippin a hi-C, eatin on hydrox/I asked her high it feel up on this high rise/She said this high score, this was the high life/She got her hiPod, bumpin her hiTunes/ This higher education,Welcome to high school/(Chorus)All the girls standing in line for the bathroom (2x)All the girls standing in the, all the girls standing in theAll the girls standing in the line for the bathroom(Pusha T)I got a crown made of powder, everybody knows who"s the king ofThe coke flow be/ all I hear is oh ki, every line is oh ki/ all youRappers okey dokey/ nigga, you don"t paint pictures/ I paintMirechois on you niggas/ and dime yay speedy bag bitches/ buyAnd sell, I can accomodate your clientel/ shamu weight,Motherfucker, brace your scales/ p to the usha, with a name likeThat what you look for?/More less like p with the hook up, hit me on the bat phone if youWant it cooked up/ ride with me, as I"m switchin lane to lane/ inMy play clothes as I"m grippin grain/ in a hail of bullets how IWrite my name/ whether soft or hard, motherfucker, caine is caine(Chorus)All the girls standing in line for the bathroom (2x)All the girls standing in the, all the girls standing in theAll the girls standing in the line for the bathroomAll the girls standing in line for the bathroom (2x)All the girls standing in the, all the girls standing in theAll the girls standing in the line for the bathroom(Ft. Kanye West, Pharrel, Lupe Fiasco & Pusha-T)http://music.baidu.com/song/788573

歌曲：his dream歌手：asher roth 专辑：asleep in the bread

noses。根据查询华图得知，nose的复数形式是noses。在英语中，名词的复数形式通过在词尾加上-s或-es来表示。对于以辅音字母+y结尾的名词，通常将y改为i，再加上-es来构成复数形式。

It has a long nose.它有一个长鼻子！

不一样。不同，有时读n，有时η呦。green的音标是英[gri_n]或美[ɡrin]，句中作为形容词、名词和动词使用。nose是英语单词读音音标：英[n__z]美[no_z]词义：n.鼻子，嗅觉，芳香，香气，突出的部分，vt.嗅出，闻出，用鼻子触，用鼻子品评（酒）等，探出，vi.小心探索着前进，探问。

nose 英 [nu0259u028az] 美 [nou028az]orange 英 [u02c8u0252ru026andu0292] 美[u02c8u0254:ru026andu0292] 发音不一样

做嗅觉的时候可以做不可数名词

相同都是nose 英[nu0259u028az] 美[nou028az] no英[nu0259u028a]美[nou028a]

nose和long中的n发音不一样

go.no.so.home.photo.most.both.note.coke.jones.就这些了一。?

金丝猴群栖高山密林中，以浆果、竹笋、苔藓为食，亦喜食鸟蛋等肉类，栖息地海拔很高，身上的长毛可耐寒。

nose里的o发合口双元音/o/。nose是鼻子的意思。鼻子是呼吸道的起始部分，但它绝不是简单的空气进出口，而是一个具有高效率的过滤、升温、加温作用的空气预处理站，为呼吸道送进洁净、温暖、湿润的空气。鼻子分为外鼻、鼻腔和鼻旁窦三个部分，都由骨头和软骨作支撑。外鼻的上端叫做鼻根，向下延伸为鼻背，俗称鼻梁，下端最突出的是鼻尖，两侧扩大为鼻翼。鼻腔被鼻中隔分成左右两半，内衬黏膜。由鼻翼围成的鼻腔部分叫做鼻前庭，经过鼻前孔与外界相通，而鼻腔后部则经过鼻后孔与鼻咽部相通。鼻前庭里有密密的鼻毛，可以挡住灰尘，对空气起过滤作用，而鼻黏膜有丰富的血管和腺体，可以分泌黏液，在给空气加温、加湿的同时，粘住并杀灭空气中的细菌，使吸入的空气更洁净。鼻腔的外侧内壁有上、中、下三个突起的鼻甲，它大大扩大了鼻腔黏膜与空气的接触面积。鼻腔内还有与眼睛相通的鼻泪管开口，能使眼泪通过它流到鼻子里，起清洁鼻腔的作用。鼻旁窦是颅骨内与鼻腔相通的四对内含空气的空腔，包括上颌窦、额窦、蝶窦和筛窦各一对。它们除参与对空气的加温、加湿外，还对发音起共鸣作用。当感冒或鼻腔黏膜发炎时，就会因鼻甲肿大，鼻黏膜分泌增多而引起鼻塞和流涕等症状，又是还会发展成鼻窦炎。鼻子还是嗅觉器官。在上鼻甲和与它相对应的鼻中隔部位有一片浅黄白色的黏膜，分布着大量的嗅细胞，这就是嗅觉区。嗅细胞通过神经与大脑的嗅觉中枢相联系，产生嗅觉。

鼻子 嗅觉 是名词smell系动词+adj

nose的复数形式是noses。nose的意思鼻子，noses是鼻子的复数形式。比如：Ournosesareforsmellingfood，意思是我们的鼻子用来闻食物。

英[n??z]。意思是鼻；鼻子；有…鼻子的；(飞机、太空船等的)头部，头锥；发现（或辨别）事物的能力；嗅觉；特有的气味。

子的英语是nose，其英式读音为[nu0259u028az]，美式读音为[nou028az]。nose可作名词和动词两种词性，基本含义除了“鼻子”之外，还有“有……鼻子的”、“飞机头部”、“小心翼翼地向前移动”、“嗅”等意思。一、nose的基本含义及用法介绍作为名词时，意为鼻;鼻子;有…鼻子的;(飞机、太空船等的)头部，头锥。例句：He broke his nose in the fight.他打架时打断了鼻梁。Stop picking your nose !别抠鼻孔了!As a journalist, she has always had a nose for a good story.作为一名记者，她总是能够捕捉到好新闻。2、作为动词时，意为小心翼翼地向前移动;(用鼻子)嗅，拱，顶。例句：The plane nosed down through the thick clouds.飞机穿透厚厚的云层慢慢向下降落。Dogs nosed around in piles of refuse.一群狗在垃圾堆上嗅来嗅去。She wiped her nose with a tissue...她用纸巾擦了擦鼻子。Sue parked off the main street, with the van"s nose pointing away from the street.休把小货车停在远离大街的地方，车头背对着大街。

不同on 英[ɒn]美[ɑ:n]prep. （表示方向） 向; （表示对象） 对; （表示位置） 在…上; （表示时间） 在…之时;adv. （放，穿，连接） 上; 向前，（继续）下去;adj. 活动着的情况，状态; 使用着的; 发生着的; 计划中的;[网络] 向上; 在…上面; 为;[例句]He is sitting beside her on the sofa.他挨着她坐在沙发上。nose 英[nəʊz]美[noʊz]n. 鼻子; 嗅觉; 芳香，香气; 突出的部分;vt. 嗅出，闻出; 用鼻子触; 用鼻子品评（酒）等; 探出;vi. 小心探索着前进; 探问;[网络] 鼻; 鼻嗅; 香气;[例句]She wiped her nose with a tissue.她用纸巾擦了擦鼻子。[其他] 第三人称单数：noses 复数：noses 现在分词：nosing 过去式：nosed 过去分词：nosed

nose 英 [nz] 美 [noz] n.鼻;鼻子;有…鼻子的;(飞机、太空船等的)头部，头锥 v.小心翼翼地向前移动;(用鼻子)嗅，拱，顶 第三人称单数： noses 复数： noses 现在分词： nosing 过去式： nosed 过去分词： nosed 扩展资料 You"ve made my nose too big. 你把我的鼻子画得太大了。 Give your nose a good blow. 把你的"鼻子擤干净。 You"ve got something on the end of your nose. 你的鼻尖上有个东西。

按音标来，没错

1、nose英[nu0259u028az]美[nou028az]，n.鼻; 鼻子; 有…鼻子的; (飞机、太空船等的)头部，头锥;v.小心翼翼地向前移动; (用鼻子)嗅，拱，顶。 2、[例句]He had had a fight with Smith and bloodied his nose. 他和史密斯打了一架，把后者的鼻子打出了血。

应该是z[英] [nəʊz][美] [noʊz]

nose 读法：英 [nu0259u028az] 美 [noz]释义：1、n. 鼻子；嗅觉；突出的部分；探问2、vt. 嗅；用鼻子触3、vi. 小心探索着前进；探问Roman Nose鹰钩鼻nose angle刀角running nose流鼻涕big nose大鼻子例句：1、His cough has slackened, but his nose is still running.他的咳嗽轻了，但鼻子仍在流鼻涕。2、And we do that like this: you press his nose and that activates the voice card.我们是这样做的：你按一下它的鼻子，这样就激活了声卡。

1.英语单词nose是简单的可数名词，复数形式是直接在词尾加-s，即noses，音标[ˋnouziz]。2.英语中可数名词变复数的规则主要有：（1）简单名词直接加-s，比如ears，chairs；（2）以sh，ch，x等结尾的名词，在词尾加-es，比如brushes，matches，boxes；（3）部分以o结尾的单词，必须加词尾-es，比如以下四个：negroes，heroes，potatoes，tomatoes；（4）大多数以f或者fe结尾的名词，需要变f或者fe为v，再加-es，比如leaves,scarves,handkerchieves,knives，wolves等；（5）特殊名词的复数需要一一牢记，比如man--men，deer--deer，sheep--sheep，person--people，child--children，foot--feet，mouse--mice等。

nose 英[nu0259uz] 美[noz] 过去式：nosed 过去分词：nosed 现在分词：nosing 复数：noses n. 1.鼻子 2.似鼻子的东西 3.发现（或辨别）事物的能力；嗅觉 4.有…鼻子的 5.（飞机、太空船等的）头部,头锥 6.特有的气味 vt. 1.（用鼻子）嗅,拱,顶 vi. 1.窥探, 探听, 四处查看 2.小心翼翼地向前移动 vt. & vi. 1.小心翼翼地前进 名词 n. 1.鼻子 An elephant"s nose is extraordinarily long! 大象的鼻子特别长! 2.似鼻子的东西 I saw the car"s nose appear round the corner. 我看到汽车头出现在拐角处. 3.发现（或辨别）事物的能力；嗅觉 His nose told him that he was getting near the cow shed. 他的嗅觉告诉他, 他正走近牛棚. 4.有…鼻子的 5.（飞机、太空船等的）头部,头锥 6.特有的气味 及物动词 vt. 1.（用鼻子）嗅,拱,顶 The dog nosed the car carefully. 狗仔细地嗅着那辆汽车. I nosed the meat gone. 我闻出这肉坏了. 不及物动词 vi. 1.窥探, 探听, 四处查看 The secret has been nosed. 秘密被探听到了. 2.小心翼翼地向前移动 及物动词 vt. & 不及物动词 vi. 1.小心翼翼地前进 The little boat nosed carefully between the rocks. 小船在岩石间谨慎地缓慢航行. The ship nosed its way. 船缓缓前进.

nose的音标是英[n__z]或美[noz]。一、词汇分析nosen.鼻子；嗅觉；突出的部分vt.嗅；用鼻子触vi.小心探索着前进；探问二、短语1、longnose长鼻子；长鼻梁2、noseinto查探，探听3、noseout比??略胜一筹4、stuffynose曲差三、例句1、Hisenemieswillattempttorubhisnoseinpastpolicystatements.他的对手们将试图揪住他过去政策声明中的纰漏不放。2、Wedon"tlikestrangerswhopoketheirnosesintoouraffairs.我们不喜欢那些干预我们事务的陌生人。

nose的音标是英[n__z]或美[noz]。一、词汇分析nosen.鼻子；嗅觉；突出的部分vt.嗅；用鼻子触vi.小心探索着前进；探问二、短语1、longnose长鼻子；长鼻梁2、noseinto查探，探听3、noseout比??略胜一筹4、stuffynose曲差三、例句1、Hisenemieswillattempttorubhisnoseinpastpolicystatements.他的对手们将试图揪住他过去政策声明中的纰漏不放。2、Wedon"tlikestrangerswhopoketheirnosesintoouraffairs.我们不喜欢那些干预我们事务的陌生人。

nose的复数形式noses nose n.鼻;鼻子;有…鼻子的;(飞机、太空船等的)头部，头锥 v.小心翼翼地向前移动;(用鼻子)嗅，拱，顶 第三人称单数： noses 复数： noses 现在分词： nosing 过去式： nosed 过去分词： nosed 扩展资料 　　You"ve made my nose too big. 　　你把我的鼻子画得太大了。 　　Give your nose a good blow. 　　把你的.鼻子擤干净。 　　You"ve got something on the end of your nose. 　　你的鼻尖上有个东西。