第六十九章 低调处理！全文免费阅读 - u8小说
第六十九章 低调处理！
第六十九章 低调处理！
推荐阅读：
&&&&&!doctype html public &-//w3c//dtd xhtml 1.0 transitional//en& &&&&&&&&&& frameborder=&0& width=&180& height=&160& scrolling=&no&&&/iframe&&&&&&/div--&&&&&&!--新增广告位 by tang begin--&&&&&&iframe width=945 height=90 src='&&&&&&&&' border=0 frameborder=0 scrolling=no&&/iframe&&&&&&!--新增广告位 by tang end--&&&&&[]&&&&[]&&&&[]&&&&&span class=&useropt& & | &span style=&color:#004e00; cursor:& onclick=&showbook.showpop.show('& &向朋友推荐&/span& |&&&&|&&&&|&&&&|&&|&&&/span&&&&&&script language=&javascript& type=&text/javascript&&var sndaadaltern1301=&/script&&!--起点广告阅读页底通--&&&&&&b&本书作者隆重推荐：&/b&&&&&&ul&&&&&&li&&&&&&/li&&&&&&li&&&&&&/li&&&&&&li&&&&&&/li&&&&&&li&&&&&&/li&&&&&&li&&&&&&/li&&&&&&li&&&&&&/li&&&&&&li&&&&&&/li&&&&&&li&&&&&&/li&&&&&&/ul&&&&&&table width=&98%&&&&&&&tr&&&&&&td width=&50%&&&&&&&table width=&94%& border=&0& cellspacing=&0& cellpadding=&0&&&&&&&tr&&&&&&td align=&left& style=&display: none& id=&tdyp&&&&&/td&&&&&&td align=&left& style=&display: none& id=&tdds&&&/td&&&&&&td align=&left& style=&display: none& id=&tdcg&&&/td&&&&&&td align=&left&&&/td&&&&&&/tr&&&&&&/table&&&&&&script&&&&&{&&&&if&&$.style.display = '';&&&&if&&$.style.display = '';&&&&if&&{&&&&if ) $.style.display = '';&&&&}&&&&})();&&&&&/script&&&&&&/td&&&&&&td&&&&&&table width=&100%& border=&0& cellspacing=&0& cellpadding=&0& class=&link_tj&&&&&&&tr&&&&&&td width=&18& height=&26&&&/td&&&&&&td& &/td&&&&&&td width=&18&&&/td&&&&&&td& &/td&&&&&&td width=&18&&&/td&&&&&&td& &/td&&&&&&/tr&&&&&&tr&&&&&&td height=&26&&&/td&&&&&&td height=&26&&&/td&&&&&&td&&/td&&&&&&td&&&&&&/td&&&&&&td&&&&&&/td&&&&&&td&&/td&&&&&&/tr&&&&&&tr&&&&&&td height=&26& colspan=&6& class=&gray&&&&&&&/td&&&&&&/tr&&&&&&/table&&&&&&/td&&&&&&/tr&&&&&&/table&&&&&|&&&&|&&&&|&&&&|&&&&|&&&&|&&&&|&&&&|&&&&|&&&&|&&&&|&&&&&span style=&color: #ff0000&&本作品为起点中文网独家发布之签约作品。严禁未经本站允许私自转载，违者本站保留追究其法律责任之权利&&&&&/span&起点中文网&span style=&color: blue&&拒绝任何反动、影射政治、***、破坏和谐社会的内容&/span&。读者如发现相关内容，，起点将严肃处理。&&&&如有章节错误、排版不齐或版权疑问、作品内容有违相关法律等请至或举报，可获加分奖励&&&&本书已获作者授权在起点中文网及起点中文网合作伙伴处进行网络连载，未经作者或起点中文网许可者请勿转载&&&&作品本身仅代表作者本人的观点，与起点中文网立场无关。阅读者如发现作品内容确有与法律抵触之处，可向起点中文网举报。&&&&如因而由此导致任何法律问题或后果，起点中文网均不负任何责任。&&&©right&&&&all rights reserved&&&&&!--起点广告阅读页左侧边栏--&&&&&&!--起点广告阅读页弹窗--&&&&&&iframe id=&iframeadv& scrolling=&no& frameborder=&0& style=&& src=&&&&/iframe&&&&&&input type=&button& value=&登录起点& onclick=&showlogin();& id=&loginbtn& style=&display:none& class=&btn4& /&&&&&&input type=&button& value=&发表评论& onclick=&showbook.showpop.show('& class=&btn4& /&&&&&&iframe id=&frmbookreaderreviewbar& name=&frmbookreaderreviewbar& frameborder=&no& scrolling=&no& allowtransparency=&true&&&&&style=&width: 95%;border: 0; height:25float:& onload=&setreviewbarcolor()& &&/iframe&&&&&&!-- 右侧 加入书签 样式** --&&&&&&span onclick=&& style=&cursor:pointer&&&/span&&&&&&!-- 右侧 打赏 --&&&&&&span onclick=&return showbook.showpop.show('popds& style=&cursor:pointer&&&/span&&&&&&script type=&text/javascript&&&&&&//&![cdata[&&&&var enablecommendpopwin =//]]&&&&&&/script&&&&&&/form&&&&&&script language=&javascript& type=&text/javascript&&&&&&page_bottom_init();&&&&&/script&&&&&&script src=&&&&&&&&&& type=&text/javascript&&&/script&&&&&&script type=&text/javascript& src=&/javascript/simajax.htm?t=090115&&&/script&&&&&&script type=&text/javascript&& _uacct = &ua-&; urchintracker();&/script&&&&&&!-- ipa code region [ 富媒体（介绍页、六分栏、阅读页） ] --&&&&&&script language=&javascript& src=&&&&&&&&&& id=&__showadjs&&&/script&&&&&&script type=&text/javascript&&&&&&ipa_ad_id = &100360&;&&&&ipa_ad_width = &320&;&&&&ipa_ad_height = &240&;&&&&ipa_ad_output = &104&;&&&&ipa_ad_bub_offsety = 20;&&&&ipa_ad_bub_offsetx = 0;&&&&ipa_ad_period = &2&;&&&&ipa_ad_limit = &1&;&&&&ipa_&&&&&/script&&&&&&!-- ipa code region end --&&&&&&!-- ipa code region [ 富媒体自定义模板 ] --&&&&&&script type=&text/javascript&&&&&&sy_ipa_spotid = 100582;&&&&sy_ipa_custom = { offsetx: 0, offsety: -20 };&&&&sy_ipa_isrepv = 0;&&&&sy_ipa_times = [1, 1, [1, 120]];&&&&&/script&&&&&&script src=&&&&&&&&&& type=&text/javascript&&&/script&&&&&&!-- ipa code region end --&&&&&&!-- ipa code region [qd- 阅读 -08 背部弹出广告 ] --&&&&&&script language=&javascript& src=&&&&&&&&&& id=&__showadjs&&&/script&&&&&&script type=&text/javascript&&&&&&ipa_ad_id = &100321&;&&&&ipa_ad_width = &1&;&&&&ipa_ad_height = &1&;&&&&ipa_ad_output = &104&;&&&&ipa_ad_period = &8&;&&&&ipa_ad_limit = &1&;&&&&ipa_&&&&&/script&&&&&&!-- ipa code region end --&&&&&&/body&&&&&&/html&&&&&&!-- 202.160.178.222 --&&!-- qidian-web39 --&&!--
0:57:14 --&&& &!-- exe: 203.125 --&&&&&&!--accept:*/*&&&&accept-encoding:&&&&cache-control:max-age=600&&&&user-agent:mozilla/5.0&&&&contenttype:text/html&&&&--&&script src='/javascript/perform.js?t=9; type='text/javascript'&&/script&&script type=&text/javascript& src=&&&&&&&&&&&&/script&&script type=&text/javascript&&cmfutracker();&/script&Bootstrap学习笔记(一)
排版 - 三颗心 - 博客园
随笔 - 78, 文章 - 0, 评论 - 1, 引用 - 0
Bootsrap是一款优秀的前端开发框架，我从上开始学习Bootstrap，以下我学习过程中的一些笔记及代码。
首先学习排版:
从网站下载Bootstrap3中文文档（V3.3.5），解压到本地。由于幕课上排版系列课程主要用的是Bootstrap的Css，所以下载解压，将其中的bootstrap.min.css复制粘贴到我保存html文件里的一个styles文件夹中，此文件夹专用来保存css文件。
编辑器使用 sublime text3。
然后再html文件的head里插入如下代码即可使用了:
&link rel="stylesheet" href="styles/bootstrap.min.css"&
　　和html一样，bootstrap使用标签&h1&到&h6&,在bootstrap中非标题元素也可以使用:
&h1&Bootstrap标题一&/h1&
&h2&Bootstrap标题二&/h2&
&h3&Bootstrap标题三&/h3&
&h4&Bootstrap标题四&/h4&
&h5&Bootstrap标题五&/h5&
&h6&Bootstrap标题六&/h6&
&!--Bootstrap中让非标题元素和标题使用相同的样式--&
&div class="h1"&Bootstrap标题一&/div&
&div class="h2"&Bootstrap标题二&/div&
&div class="h3"&Bootstrap标题三&/div&
&div class="h4"&Bootstrap标题四&/div&
&div class="h5"&Bootstrap标题五&/div&
&div class="h6"&Bootstrap标题六&/div&
2-2标题（2）
　　bootstrap中使用&small&标签制作副标题。
　　使用标签&p&
2-4强调内容
　　可添加类名".lead"实现：
&p class="lead"&我是特意要突出的文本。&/p&
&p&我在学习&strong&Bootstrap&/strong&&/p&
&i& 标签显示斜体文本效果
&em& 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。
&p&我在慕课网上跟&em&大漠&/em&一起学习&i&Bootstrap&/i&的使用。我一定要学会&i&Bootstrap&/i&。&/p&
2-7强调相关的类
.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用***（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）
&div class="text-muted"&.text-muted 效果&/div&
&div class="text-primary"&.text-primary效果&/div&
&div class="text-success"&.text-success效果&/div&
&div class="text-info"&.text-info效果&/div&
&div class="text-warning"&.text-warning效果&/div&
&div class="text-danger"&.text-danger效果&/div&
　　显示效果如下:
2-8文本对齐
　　bootstrap中text-left：左对齐，text-center：居中对齐，text-right：右对齐,text-justify：两端对齐。
&p class="text-left"&我居左&/p&
&p class="text-center"&我居中&/p&
&p class="text-right"&我居右&/p&
&p class="text-justify"&&/p&
　　&ul&无序
　　&ol&有序
　　定义列表:
&dt&定义列表标题&/dt&
&dd&定义列表信息1&/dd&
&dd&定义列表信息2&/dd&
2-10列表--无序列表、有序列表
　　&ul&无序
　　&ol&有序
&h5&普通列表&/h5&
&li&列表项目&/li&
&li&列表项目&/li&
&li&列表项目&/li&
&li&列表项目&/li&
&li&列表项目&/li&
&h5&有序列表&/h5&
&li&项目列表一&/li&
&li&项目列表二&/li&
&li&项目列表三&/li&
2-11去点列表
　　给列表添加.list-unstyled，可以去除默认列表样式风格。
&li&有序项目列表一&/li&
&li&有序项目列表二&/li&
&ol class="list-unstyled"&
&li&有序二级列表项目列表一&/li&
&li&有序二级列表项目列表二&/li&
&li&无序三级项目列表一&/li&
&li&无序三级列表项目二&/li&
&ul class="list-unstyled"&
&li&无序四级项目列表一&/li&
&li&无序四级列表项目二&/li&
&li&无序三级项目列表三&/li&
&li&有序二级项目列表三&/li&
&li&有序项目列表三&/li&
2-12列表--内联列表
　　通过添加类名&.list-inline&来实现内联列表
&ul class="list-inline"&
&li&W3cplus&/li&
&li&Blog&/li&
&li&CSS3&/li&
&li&jQuery&/li&
&li&PHP&/li&
2-13定义列表
　　2-9已写
2-14列表--水平定义列表
　　Bootstrap可以给&dl&添加类名&.dl-horizontal&给定义列表实现水平显示效果。
&dl class="dl-horizontal"&
&dt&W3cplus&/dt&
&dd&一个致力于推广国内前端行业的技术博客。它以探索为己任，不断活跃在行业技术最前沿，努力提供高质量前端技术博文　　&/dd&
2-15代码（一）
　　在Bootstrap主要提供了三种代码风格:　　1、使用&code&&/code&来显示单行内联代码　　2、使用&pre&&/pre&来显示多行块代码　　3、使用&kbd&&/kbd&来显示用户输入代码
　　在使用代码时，用户可以根据具体的需求来使用不同的类型：　　1、&code&：一般是针对于单个单词或单个句子的代码　　2、&pre&：一般是针对于多行代码（也就是成块的代码）　　3、&kbd&:一般是表示用户要通过键盘输入的内容
&code&&code&&/code&
&li&...&/li&
&li&...&/li&
&li&...&/li&
请输入&kbd&ctrl+c&/kbd&来复制代码，然后使用&kbd&ctrl+v&/kbd&来粘贴代码
2-16代码（二）
　　bootstrap中在pre标签上添加类名&.pre-scrollable&，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。
　　Bootstrap为表格不同的样式风格提供了不同的类名，主要包括：
　　.table：基础表格
　　.table-striped：斑马线表格
　　.table-bordered：带边框的表格
　　&.table-hover：鼠标悬停高亮的表格
　　&.table-condensed：紧凑型表格
　　&.table-responsive：响应式表格
2-18表格--表格行的类
　　Bootstrap还为表格的行元素&tr&提供了五种不同的类名，每种类名控制了行的不同背景颜色
&table class="table table-bordered"&
&th&类名&/th&
&th&描述&/th&
&tr class="active"&
&td&.active&/td&
&td&表示当前活动的信息&/td&
&tr class="success"&
&td&.success&/td&
&td&表示成功或者正确的行为&/td&
&tr class="info"&
&td&.info&/td&
&td&表示中立的信息或行为&/td&
&tr class="warning"&
&td&.warning&/td&
&td&表示警告，需要特别注意&/td&
&tr class="danger"&
&td&.danger&/td&
&td&表示危险或者可能是错误的行为&/td&
　　显示效果如下:
2-19表格--基础表格
　　在Bootstrap中，对于基础表格是通过类名&.table&来控制
&table class="table"&
&th&表格标题&/th&
&th&表格标题&/th&
&th&表格标题&/th&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
2-20表格--斑马线表格
　　让表格带有背景条纹效果，在Bootstrap中，只需要在&table class="table"&的基础上增加类名&.table-striped&
&table class="table table-striped"&
&th&表格标题&/th&
&th&表格标题&/th&
&th&表格标题&/th&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
2-21表格--带边框的表格
　　Bootstrap中带边框的表格使用方法和斑马线表格的使用方法类似，只需要在基础表格&table class="table"&基础上添加一个&.table-bordered&类名即可：
&table class="table"&
&th&表格标题&/th&
&th&表格标题&/th&
&th&表格标题&/th&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
2-22表格--鼠标悬浮高亮的表格
　　当鼠标悬停在表格的行上面有一个高亮的背景色，这样的表格让人看起来就是舒服，时刻告诉用户正在阅读表格哪一行的数据。Bootstrap提供了一个&.table-hover&类名来实实现这种表格效果。仅需要&table class="table"&元素上添加类名&table-hover&即可：　　
&table class="table table-striped table-bordered table-hover"&
&th&表格标题&/th&
&th&表格标题&/th&
&th&表格标题&/th&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
2-23表格--紧凑型表格
　　紧凑型:单元格没内距或者内距较其他表格的内距更小,在Bootstrap中，通过类名&table-condensed&重置了单元格内距值。
&table class="table"&
&th&表格标题&/th&
&th&表格标题&/th&
&th&表格标题&/th&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
2-24表格--响应式表格
　　Bootstrap提供了一个容器，并且此容器设置类名&.table-responsive&,此容器就具有响应式效果，然后将&table class="table"&置于这个容器当中，这样表格也就具有响应式效果。
div class="table-responsive"&
&table class="table table-bordered"&
&th&表格标题&/th&
&th&表格标题&/th&
&th&表格标题&/th&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&
&td&表格单元格&/td&怎么让&li&中的&a href=&&&对该&li&操作
&来源：读书人网&【读书人网()：综合教育门户网站】
如何让li中的a href#对该li操作如题在做下拉菜单时候 无法使主菜单的颜色改变贴一下代码：!DOCTY
如何让&li&中的&a href=&#&&对该&li&操作如题&&在做下拉菜单时候&无法使主菜单的颜色改变贴一下代码：&!DOCTYPE&html&PUBLIC&"-//W3C//DTD&XHTML&1.0&Transitional//EN"&"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&&html&xmlns="http://www.w3.org/1999/xhtml"&&&&head&&&&&&style&type="text/css"&&&&&&&&&*&&&&&&&&{&&&&&&&&&&&&&width:50&&&&&&&&&&&&&height:30&&&&&&&&&&&&}&&&&&&&#main&li&ul&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&&&text-align:&&&&&&&&&&&&&&&&&&&&&&&&background-color:&G&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&list-style:&&&&&&&&&&&&&&&&&&&&&&&&&padding:&0&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&display:&&&&&&&&&&&&&&&&&&&&&&&&margin-top:12&&&&&&&&}&&&&&&&&#main&&&&&&&&{&&&&&&&&&&&&&text-align:&&&&&&&&&&&&}&&&&&&&&#main&li&&&&&&&&{&&&&&&&&&&&&&&background-color:ButtonF&&&&&&&&&&&&&&list-style:&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&/style&&&&&&script&type="text/javascript"&&&&&&&&&function&mouseover(li)&{&&&&&&&&&&&&var&pp&=li.getElementsByTagName("ul")[0];&&&&&&&&&&&&pp.style.display&=&"block";&&&&&&&&}&&&&&&&&function&mouseout(li)&{&&&&&&&&&&&&var&pp&=li.getElementsByTagName("ul")[0];&&&&&&&&&&&&pp.style.display&=&"none";&&&&&&&&}&&&&&&&&function&mover(li)&{&&&&&&&&&&&&li.style.background&=&"Red";&&&&&&&&}&&&&&&&&function&mout(li)&{&&&&&&&&&&&&li.style.background&=&"ButtonFace";&&&&&&&&}&&&&&&/script&&/head&&body&&&&&ul&id="main"&&&&&&&&&&li&onmouseover="mouseover(this),mover(this)"&onmouseout="mouseout(this),mout(this)"&&&&&&&&&&&&&&a&href="#"&1&/a&&&&&&&&&&&&&&&ul&&&&&&&&&&&&&&&&&&&&&&li&onmouseover="mover(this)"&onmouseout="mout(this)"&&a&href="#"&11&/a&&/li&&&&&&&&&&&&&&&&&&&&&&li&onmouseover="mover(this)"&onmouseout="mout(this)"&&a&href="#"&12&/a&&/li&&&&&&&&&&&&&&&&/ul&&&&&&&&&&/li&&&&&/ul&&/body&////////////////////////////////////////////////////////////////////////////////////////////////我是将主菜单下的子菜单设置在一个&ul&下&并且所有菜单都在一个&ul&下这样导致在子菜单下移动时主菜单的背景颜色不改变啊用a：hover也智能改变连接字体的颜色啊
各位高手帮忙看下&
[解决办法]这种不局不太好搞。这种不行吗？&!DOCTYPE&html&PUBLIC&"-//W3C//DTD&XHTML&1.0&Transitional//EN"&"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&html&xmlns="http://www.w3.org/1999/xhtml"&&head&&meta&http-equiv="Content-Type"&content="text/&charset=utf-8"&/&&script&type="text/javascript"&src="/ajax/libs/jquery/1.10.1/jquery.min.js"&&/script&&title&无标题文档&/title&&style&type="text/css"&#main{width:300height:40line-height:40}#main&dd{float:padding:0&10px&0&0;height:40line-height:40text-align:}label.topguide{position:display:}.node{&&&&-moz-border-bottom-colors:&&&&&-moz-border-image:&&&&&-moz-border-left-colors:&&&&&-moz-border-right-colors:&&&&&-moz-border-top-colors:&&&&&background-position:&right&-425&&&&z-index:3;&&&&display:&&&&position:&&&&top:0;&&&&width:70&&&&left:0;}.focus{&&&&background-color:#&&&&border-width:&1px&1px&&&&&color:#333!&&&&border-color:A6ECA6EC&-moz-use-text-&&&&border-style:&solid&solid&&&&&border:&1px&solidA6EC;&&&&border-bottom:&}.topguide&ul{&&&&float:&&&&width:100&&&&background:&none&repeat&scroll&0&0&#FFFFFF;&&&&border:&1px&solidA6EC;&&&&display:&&&&&position:&&&&&left:0;&&&&top:&40
&&&&z-index:&1;}.topguide&ul&li{float:width:100height:30line-height:30}.topguide&ul&li&a{color:#333!}.node:hover,.topguide&ul&li:hover{background-color:#F2F7FC;}.topguide&ul&li:hover&a{color:#f00!}&/style&&/head&&body&&&&&div&id="main"&&&&&&&dl&&&&&&&dd&&&&&&&&&&label&class="topguide"&&a&class="node"&href=""&1&/a&&ul&&&&&&li&&a&href=""&11&/a&&/li&&&&&&li&&a&href=""&22&/a&&/li&&&&&&li&&a&href=""&33&/a&&/li&&&&&&li&&a&href=""&44&/a&&/li&&/ul&&&&&&&&&&/label&&&&&&&&&&/dd&&&&&&&&&&&&/dl&&&&&&&&/div&&/body&&script&type="text/javascript"&$('.topguide').hover(function(){$(this).find('a.node').addClass('focus');$(this).find('ul').show();},function(){$(this).find('a.node').removeClass('focus');$(this).find('ul').hide();});&/script&&/html&[解决办法]改变字体颜色应该是color、另外你用的是background—color，应该把li的display设成block