weixin_30411997

前端html,css考点

1, 内联元素，块级元素相关知识点

参考链接：https://edu.aliyun.com/a/103378

（1）置换元素

概念：浏览器根据元素的标签和属性，来决定元素的具体显示内容。<select><object>这些元素没有实际内容，即一个空元素。需要其属性来替换。</p> <p>例如<img>会根据里面的src属性来读取图片信息；<input>会根据type属性来显示输入框、单选、多选等；</p> <p><strong>（2）内联元素能设置宽高吗？</strong></p> <p>一般的内联元素，<span><b><strong><em><a>等内联元素是不能设置的。</p> <p>但是对于可以置换的内联元素，比如<img>是可以设置的。</p> <p><strong>（3）内联元素和块级元素的区别</strong></p> <p>内联元素：</p> <div class="cnblogs_code"> <pre><span style="color:#000000;">　　与相邻的行内元素在同一行，不会自己换行；　　宽高无效，但水平方向的padding和margin可以设置；　　默认高度就是他本身内容的高度　　内联元素只能容纳文本或其他内联元素</span></pre> </div> <p>块级元素：</p> <div class="cnblogs_code"> <pre><span style="color:#000000;"> 从新行开始；高度，行高，外边距，内边距都可以控制宽度默认是容器的100% 可以容纳内联元素和其他块级元素</span></pre> </div> <p><strong>（4）常见的内联元素与块级元素</strong></p> <p>块级元素：<span style="color:#000000;">div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer</span></p> <p><span style="color:#000000;">内联元素：span、img、a、lable、input、abbr（缩写）、em（强调）、big、cite（引用）、i（斜体）、q（短引用）、textarea、select、small、sub、sup，strong、u（下划线）、button（默认　　　　 display：inline-block）</span></p> <p><span style="color:#000000;">相邻的行内元素不换行，宽度即为内容的宽度、padding的4个方向都有效、margin只有水平方向有效、不可以设置width和height属性。行内块元素表现其实和行内元素一样，只是其可以设置width和height属性。</span></p> <p><strong><span style="color:#000000;">（5）内联元素与块级元素的相互转化（通过设置css属性）</span></strong></p> <div class="cnblogs_code"> <pre><span style="color:#800000;">display : inline-block; //将行内非替换元素设置为行内块元素 float ： left/right; //float将隐形的内联元素转换为块级元素 position //对行内元素进行定位的时候，就会把行内元素转换为块级元素</span></pre> </div> <p>只有通过display：block设置的行内元素才能继承父元素的宽度</p> <p>BFC：block-formatting-contexts</p> <p>　　margin外边距折叠：浮动元素和绝对定位元素不与其他盒子产生外边距折叠</p> <p>　　inline-block元素与其兄弟、子、父元素的外边距都不会折叠。（因为inline-block不完全符合块级盒子的条件，而符合块级盒子的元素的display属性为block / list-item / table）</p> <p> </p> <p><strong><span style="font-size:18pt;">2，css继承</span></strong></p> <p><strong>参考链接</strong>：https://developer.mozilla.org/zh-CN/docs/Web/CSS/inheritance</p> <p><strong>（1）什么叫继承？</strong></p> <p>子节点属性未定义，可以使用其父节点对应属性的计算值。</p> <p><strong>（2）哪些属性可以被继承</strong></p> <p>内联元素（letter-spacing等），终端块状元素（text-indent,text-align）, 列表元素（list-）, 表格元素（border-collapse）可继承，具体如下：<br>1）文本相关属性：font-family、 font-size、 font-style、font-variant, font-weight、 font、 letter-spacing、line-height、text-align、 text-indent、text-transform、word-spacing、color； <br>2）列表相关属性：list-style-image、list-style-position、list-style-type、list-style； <br>3）表格相关属性：border-collapse、border-spacing、caption-side、table-layoute； <br>4）其他属性：Cursor、visibility。</p> <p><strong>（3）不可继承的属性：</strong></p> <p>多为块级元素</p> <p>不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。</p> <p> 3，css的 position 属性</p> <p> </p> <p><strong><span style="font-size:18pt;">4， css的雪碧图sprites</span></strong></p> <p>优点</p> <p>（1）允许将零星小图放到一张大图中，减少网页的http请求，提高页面的性能；减少图片的字节，多次3张图片合成1张图片的字节总是小于这3张图片的总字节数</p> <p>（2）可以利用css的background-image, background-repeat, background-position的组合进行背景定位， background-position可以用数字精确的定位出背景图片的位置</p> <p>（3）减少图片命名的烦恼，只要对合成后的大图进行命名；</p> <p>（4）更换风格方便，只需要修改图片的颜色或样式即可。</p> <p>缺点：</p> <p>（1）图片合成麻烦（2）图片适应性差：高分辨率的屏幕下自适应页面，若图片不够宽会出现背景断裂</p> <p>（3）图片定位麻烦（4）可维护性差，背景要做少许改动就要修改部分或整张已合成的图片，还要改css</p> <p> </p> <p><strong><span style="font-size:18pt;">5，css的border：none 和 border：0</span></strong></p> <p>border:none; 表示无边框，浏览器不会进行渲染，也没有实际的宽度</p> <p>border：0；浏览器对border-width 和 border-color进行渲染，占用内存；</p> <p>定义边框时，需要设置宽度，边框样式时才能显示出来</p> <p> </p> <p><span style="font-size:18pt;"><strong>6，flash和js通过什么进行交互？</strong></span></p> <p>Flash提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和addCallback，call的作用是让Flash调用js里的方法，addCallback是用来注册flash函数让js调用。</p> <p>7，html5新增的标签</p> <p>参考链接：https://blog.csdn.net/garvisjack/article/details/54754928</p> <p>（1）文档标签</p> <p>header，article，section，aside，footer，nav，figure，hgroup</p> <p><article>标签代表一个独立的、完整的内容块，比如：论坛的帖子，博客上的文章，一篇用户的评论。那怎么才算一个内容块是独立的和完整的呢？就是看该内容脱离当前的语境，是否还是完整的、独立的。</p> <p>aside，旁边。<aside>标签定义article以外的内容，即跟主内容相关，但是又可以独立的内容。比如：广告，引用，侧边栏等。</p> <p>figure，独立的单元，例如某个有图片与内容的新闻块</p> <p>hgroup，头部信息、标题的补充内容</p> <p>（2）媒体标签</p> <p>video（视频），audio（音频），embed嵌入内容（包括各种媒体）</p> <p>（3）表单标签内的type属性</p> <p>email，url，number，range，Date Picker, color, search</p> <p><strong><span style="font-size:18pt;">7，form相关知识</span></strong></p> <p>（1）html5所有的form元素（包括新增的datalist, keygen, output）</p> <table border="0"> <tbody> <tr> <td>新增form元素</td> <td>作用</td> <td>例子</td> <td> </td> </tr> <tr> <td>datalist</td> <td><datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 <p>datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。</p> <p>请使用 input 元素的 list 属性来绑定 datalist</p> </td> <td> <div class="cnblogs_code"> <pre> <span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">list</span><span style="color:#0000ff;">="cars"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">datalist </span><span style="color:#ff0000;">id</span><span style="color:#0000ff;">="cars"</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span>xiaoming<span style="color:#0000ff;"></</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span>xiaohong<span style="color:#0000ff;"></</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span>xiaoli<span style="color:#0000ff;"></</span><span style="color:#800000;">option</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">datalist</span><span style="color:#0000ff;">></span></pre> </div> <p> </p> </td> <td><a href="http://img.e-com-net.com/image/info8/3ec4613134f54d4d9d08a6be94e59805.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/3ec4613134f54d4d9d08a6be94e59805.png" alt="前端html,css考点_第1张图片" width="296" height="158" style="border:1px solid black;"></a> </td> </tr> <tr> <td>keygen</td> <td> <keygen> 标签规定用于表单的密钥对生成器字段。 <p>当提交表单时，私钥存储在本地，公钥发送到服务器。</p> </td> <td> <div class="cnblogs_code"> <pre>用户名<span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="text"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> 加密</span><span style="color:#0000ff;"><</span><span style="color:#800000;">keygen </span><span style="color:#ff0000;">name</span><span style="color:#0000ff;">="security"</span><span style="color:#ff0000;"> keytype</span><span style="color:#0000ff;">="rsa"</span><span style="color:#0000ff;">></span></pre> </div> </td> <td> </td> </tr> <tr> <td>output</td> <td> <output> 标签定义不同类型的输出，比如脚本的输出。</td> <td> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">form </span><span style="color:#ff0000;">oninput</span><span style="color:#0000ff;">="x.value=parseInt(a.value)+parseInt(b.value)"</span><span style="color:#0000ff;">></span><span style="color:#000000;">0 </span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="range"</span><span style="color:#ff0000;"> id</span><span style="color:#0000ff;">="a"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="50"</span><span style="color:#0000ff;">></span><span style="color:#000000;">100 +</span><span style="color:#0000ff;"><</span><span style="color:#800000;">input </span><span style="color:#ff0000;">type</span><span style="color:#0000ff;">="number"</span><span style="color:#ff0000;"> id</span><span style="color:#0000ff;">="b"</span><span style="color:#ff0000;"> value</span><span style="color:#0000ff;">="50"</span><span style="color:#0000ff;">></span><span style="color:#000000;"> =</span><span style="color:#0000ff;"><</span><span style="color:#800000;">output </span><span style="color:#ff0000;">name</span><span style="color:#0000ff;">="x"</span><span style="color:#ff0000;"> for</span><span style="color:#0000ff;">="a b"</span><span style="color:#0000ff;">></</span><span style="color:#800000;">output</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">form</span><span style="color:#0000ff;">></span></pre> </div> </td> <td> <a href="http://img.e-com-net.com/image/info8/18122842338a47ab99ad24214a82605a.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/18122842338a47ab99ad24214a82605a.png" alt="前端html,css考点_第2张图片" width="537" height="101" style="border:1px solid black;"></a><p> </p> </td> </tr> </tbody> </table> <p> </p> <p>（2）input的type属性</p> <p>email，url，number，range，Date Picker, color, search</p> <p>（3）input为置换元素</p> <p><span style="font-size:18pt;"><strong><span style="color:#000000;">8，NOSCRIPT</span></strong></span></p> <p>NOSCRIPT标签用来定义在脚本未被执行时的替代内容。也可以用在检测浏览器是否支持脚本，若不支持脚本则可以显示NOSCRIPT标签里的innerText</p> <p><strong><span style="font-size:18pt;">9，盒子模型</span></strong></p> <p><strong>参考链接：</strong>https://juejin.im/entry/5a69b5f16fb9a01c96585601</p> <p>标准盒模型：<strong>盒子的总宽度 =<span style="color:#ff0000;"> width（content的宽）</span> + 左右padding + 左右border + 左右margin</strong></p> <p>怪异盒模型：<strong>盒子的总宽度 = <span style="color:#ff0000;">width（content宽+左右border+左右padding）</span> + 左右margin</strong></p> <p><span style="color:#000000;">box-sizing </span>: <span style="color:#ff0000;">content-box（默认为标准盒模型）</span> | <span style="color:#ff9900;">border-box（成为怪异盒模型）</span> | inherit;</p> <p><span style="font-size:18pt;"><strong>10，normal flow（所谓的文档流）</strong></span></p> <p><span style="font-size:15px;">参考链接：https://juejin.im/post/5909db2fda2f60005d2093db</span></p> <p><span style="font-size:15px;">（0）普通流</span></p> <p><span style="font-size:15px;">普通流：元素按照其在html中的位置顺序决定排序的过程，设置float或绝对定位方式布局，就会脱离普通流。</span></p> <p>（1）什么是BFC</p> <p>BFC：block formatting context 块级格式化上下文</p> <p>是一个独立的渲染区域，只有block-level box参与。</p> <p>（2）BFC作用</p> <p>【1】自适应两栏布局<br>【2】可以阻止元素被浮动元素覆盖<br>【3】可以包含浮动元素——清除内部浮动<br>【4】分属于不同的BFC时可以阻止margin重叠</p> <p>（3）如何成为BFC</p> <p>【1】根元素，即HTML元素</p> <p>【2】<span style="color:#ff0000;">float：</span>left | right | none; <span style="color:#ff0000;">不为none</span>的情况</p> <p>【3】<span style="color:#ff0000;">overflow</span>：visible | hidden | scroll | auto; <span style="color:#ff0000;">不为visible</span>的情况</p> <p>【4】display为inline-block, table-cell, table-caption</p> <p>【5】position为absolute, fixed</p> <p>（4）BFC布局规则</p> <div> <p>【1】内部的Box会在垂直方向，一个接一个地放置。</p> <p>【2】Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠</p> <p>【3】每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。</p> <p>【4】BFC的区域不会与float box重叠。</p> <p>【5】BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。</p> <p>【6】计算BFC的高度时，浮动元素也参与计算</p> </div> <p> 11，css居中（水平，垂直居中）</p> <p>（1）块元素</p> <div class="cnblogs_code"> <pre><div class="parent"> <div class="child"></div> </div></pre> </div> <p>法一：子绝父相，子四方为0</p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.parent</span>{<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;">red</span>;<span style="color:#ff0000;"> position</span>:<span style="color:#0000ff;">relative</span>; }<span style="color:#800000;"> .child</span>{<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">100px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">100px</span>;<span style="color:#ff0000;"> position</span>:<span style="color:#0000ff;">absolute</span>;<span style="color:#ff0000;"> top</span>:<span style="color:#0000ff;">0</span>;<span style="color:#ff0000;"> bottom</span>:<span style="color:#0000ff;">0</span>;<span style="color:#ff0000;"> left</span>:<span style="color:#0000ff;">0</span>;<span style="color:#ff0000;"> right</span>:<span style="color:#0000ff;">0</span>;<span style="color:#ff0000;"> margin</span>:<span style="color:#0000ff;">auto </span>}</pre> </div> <p>法二：子绝父相+transform</p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.parent</span>{<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;">red</span>;<span style="color:#ff0000;"> position</span>:<span style="color:#0000ff;">relative</span>; }<span style="color:#800000;"> .child</span>{<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">100px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">100px</span>;<span style="color:#ff0000;"> position</span>:<span style="color:#0000ff;">absolute</span>;<span style="color:#ff0000;"> top</span>:<span style="color:#0000ff;">50%</span>;<span style="color:#ff0000;"> right</span>:<span style="color:#0000ff;">50%</span>;<span style="color:#ff0000;"> transform</span>:<span style="color:#0000ff;">translate(-50%,-50%)</span>; }</pre> </div> <p>法三：display:table-cell</p> <div class="cnblogs_code"> <pre><span style="color:#800000;">父盒子设置:display:table-cell; text-align:center;vertical-align:middle; Div 设置: display:inline-block;vertical-align:middle;</span></pre> </div> <p> </p> <p>法四：flex box</p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.parent</span>{<span style="color:#ff0000;"> width；300px; height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;">red</span>;<span style="color:#ff0000;"> display</span>:<span style="color:#0000ff;">flex</span>;<span style="color:#ff0000;"> justify-content</span>:<span style="color:#0000ff;">center</span>;<span style="color:#ff0000;"> align-items</span>:<span style="color:#0000ff;">center</span>; }<span style="color:#800000;"> .child</span>{<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">100px</span>;<span style="color:#ff0000;"> hright</span>:<span style="color:#0000ff;">100px</span>; }</pre> </div> <p>行内元素：</p> <div class="cnblogs_code"> <pre><span style="color:#0000ff;"><</span><span style="color:#800000;">div </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">='parent'</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">b </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">='b'</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"><</span><span style="color:#800000;">img </span><span style="color:#ff0000;">src</span><span style="color:#0000ff;">='1.png' </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">='child'</span><span style="color:#0000ff;">></span> <span style="color:#0000ff;"></</span><span style="color:#800000;">div</span><span style="color:#0000ff;">></span></pre> </div> <p>法一：必须要有一个和容器一样高的元素作为居中的一个参照，例如 <b> 元素</p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.parent</span>{<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> blue</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">200px</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">200px</span>;<span style="color:#ff0000;"> text-align</span>:<span style="color:#0000ff;">center</span>; }<span style="color:#800000;"> .b</span>{<span style="color:#ff0000;"> display</span>:<span style="color:#0000ff;"> inline-block</span>;<span style="color:#ff0000;"> vertical-align</span>:<span style="color:#0000ff;"> middle</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">100%</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">0px</span>; }<span style="color:#800000;"> .child</span>{<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">100px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">100px</span>;<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;">red</span>;<span style="color:#ff0000;"> display</span>:<span style="color:#0000ff;"> inline-block</span>;<span style="color:#ff0000;"> vertical-align</span>:<span style="color:#0000ff;">middle</span>; }</pre> </div> <p> 11，cs布局</p> <p>参考链接：https://segmentfault.com/a/1190000011358507</p> <p>（1）两栏布局</p> <p>【1】左固定宽，右边自适应</p> <p><div class="left"></div><br><div class="right"></div></p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.left</span>{<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> red</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">200px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> float</span>:<span style="color:#0000ff;">left</span>; }<span style="color:#800000;"> .right</span>{<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> blue</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<br>　　overflow:hidden; }</pre> </div> <p> </p> <p>（2）三栏布局</p> <p>【1】两边定宽，中间自适应</p> <p><div class="left"></div><br><div class="middle"></div><br><div class="right"></div></p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.left, .right</span>{<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> red</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">200px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> float</span>:<span style="color:#0000ff;">left</span>; }<span style="color:#800000;"> .right</span>{<span style="color:#ff0000;"> float</span>:<span style="color:#0000ff;">right</span>; }<span style="color:#800000;"> .middle</span>{<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> blue</span>; }</pre> </div> <p>但是该结果出现右边被挤到第二行。</p> <p>法二：左右position：absolute; 中间margin</p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.left</span>{<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> red</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">200px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> position</span>:<span style="color:#0000ff;">absolute</span>;<span style="color:#ff0000;"> top</span>:<span style="color:#0000ff;">0</span>;<span style="color:#ff0000;"> left</span>:<span style="color:#0000ff;">0</span>; }<span style="color:#800000;"> .right</span>{<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> red</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">200px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> position</span>:<span style="color:#0000ff;">absolute</span>;<span style="color:#ff0000;"> top</span>:<span style="color:#0000ff;">0</span>;<span style="color:#ff0000;"> right</span>:<span style="color:#0000ff;">0</span>; }<span style="color:#800000;"> .middle</span>{<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> blue</span>;<span style="color:#ff0000;"> margin</span>:<span style="color:#0000ff;">0 220px</span>; }</pre> </div> <p>法三：flex布局</p> <p><div class="parent"><br> <div class="left"></div><br> <div class="middle"></div><br> <div class="right"></div><br></div></p> <div class="cnblogs_code"> <pre><span style="color:#800000;">.parent</span>{<span style="color:#ff0000;"> display</span>:<span style="color:#0000ff;"> flex</span>; }<span style="color:#800000;"> .left,.right</span>{<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> red</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">200px</span>;<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>; }<span style="color:#800000;"> .middle</span>{<span style="color:#ff0000;"> height</span>:<span style="color:#0000ff;">300px</span>;<span style="color:#ff0000;"> width</span>:<span style="color:#0000ff;">80%</span>;<span style="color:#ff0000;"> background</span>:<span style="color:#0000ff;"> blue</span>; }</pre> </div> <p> </p> </div> <p>转载于:https://www.cnblogs.com/hiluna/p/9340638.html</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1295454222019534848"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端html,css考点)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835497075308064768.htm" title="勇士赢了，我把掌声给了骑士" target="_blank">勇士赢了，我把掌声给了骑士</a> <span class="text-muted">复角度的生活</span> <div>今天，不参加高考，只看NBA总决赛第三场的较量。这么说有点得罪高考生了，不过我没有当他们面秀，也没有跑到考点外面得瑟，所以我内心毫无波澜。毫无疑问，考场里不乏骑士和勇士球迷，在紧张作答语文考卷同时还心系着球队，不过我希望今天的比赛不会让你们有所分心，毕竟高考不会像比赛录像那样可以再来。今天，好像起来赶考一样，我起得很早，然而事实是睡不着，挺郁闷的，又不是我高考，我紧张什么？九点我并没有准时打开浏览</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动" target="_blank">HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835493267907637248.htm" title="webpack图片等资源的处理" target="_blank">webpack图片等资源的处理</a> <span class="text-muted">dmengmeng</span> <div>需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p</div> </li> <li><a href="/article/1835389111658180608.htm" title="《HTML 与 CSS—— 响应式设计》" target="_blank">《HTML 与 CSS—— 响应式设计》</a> <span class="text-muted">陈在天box</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在</div> </li> <li><a href="/article/1835388111874519040.htm" title="教师资格证常考的5个知识点" target="_blank">教师资格证常考的5个知识点</a> <span class="text-muted">a3cb74a20840</span> <div>知识点1：教育与人的发展(5规律、4因素、3动因)五大规律：顺序性—循序渐进阶段性—不搞“一刀切”不平衡性—抓关键期互补性—扬长避短个别差异性—因材施教考点精华：1.举例子对应五大规律;2.每个规律的教学启示;3规律特点。四大因素：遗传(地位：物质前提、可能性)环境(地位：多种可能、现实性)学校教育(主导)个人主观能动性(动力、决定)三大动因：内发论(1.孟子：性善论;2.弗洛伊德：性本能)外铄论</div> </li> <li><a href="/article/1835382685745377280.htm" title="html+css网页设计旅游网站首页1个页面" target="_blank">html+css网页设计旅游网站首页1个页面</a> <span class="text-muted">html+css+js网页设计</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div> </li> <li><a href="/article/1835376505543290880.htm" title="css设置当字数超过限制后以省略号（...）显示" target="_blank">css设置当字数超过限制后以省略号（...）显示</a> <span class="text-muted">周bro</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a> <div>1、文字超出一行，省略超出部分，显示’…’用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2、多行文本溢出显示省略号display:-webkit-box;-webkit-box-orient:vertical;-webkit-lin</div> </li> <li><a href="/article/1835373236217540608.htm" title="360前端星计划-动画可以这么玩" target="_blank">360前端星计划-动画可以这么玩</a> <span class="text-muted">马小蜗</span> <div>动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能</div> </li> <li><a href="/article/1835362025719558144.htm" title="css2中的透明" target="_blank">css2中的透明</a> <span class="text-muted">琪33</span> <div>.out{width:400px;height:400px;background-color:blue;margin:100pxauto;border:1pxsolid#000;opacity:0.6;}.in{width:200px;height:200px;background-color:red;margin:100pxauto;}</div> </li> <li><a href="/article/1835359727924637696.htm" title="Nginx从入门到实践(三)" target="_blank">Nginx从入门到实践(三)</a> <span class="text-muted">听你讲故事啊</span> <div>动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin</div> </li> <li><a href="/article/1835354700392787968.htm" title="Nginx的使用场景：构建高效、可扩展的Web架构" target="_blank">Nginx的使用场景：构建高效、可扩展的Web架构</a> <span class="text-muted">张某布响丸辣</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a> <div>Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin</div> </li> <li><a href="/article/1835342718067372032.htm" title="Python精选200Tips：121-125" target="_blank">Python精选200Tips：121-125</a> <span class="text-muted">AnFany</span> <a class="tag" taget="_blank" href="/search/Python200%2BTips/1.htm">Python200+Tips</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例</div> </li> <li><a href="/article/1835340577596600320.htm" title="前端CSS面试常见题" target="_blank">前端CSS面试常见题</a> <span class="text-muted">剑亦未配妥</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子</div> </li> <li><a href="/article/1835333268375957504.htm" title="爬虫技术抓取网站数据" target="_blank">爬虫技术抓取网站数据</a> <span class="text-muted">Bearjumpingcandy</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>爬虫技术是一种自动化获取网站数据的技术，它可以模拟人类浏览器的行为，访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤：发起HTTP请求：爬虫首先会发送HTTP请求到目标网站，获取网页的内容。解析HTML：获取到网页内容后，爬虫会使用HTML解析器解析HTML代码，提取出需要的数据。数据提取：通过使用XPath、CSS选择器或正则表达式等工具，爬虫可以从HTML中提取出所需的数据，如文</div> </li> <li><a href="/article/1835326103993020416.htm" title="教师资格考试中学《教育知识与能力》知识点｜高频考点汇总" target="_blank">教师资格考试中学《教育知识与能力》知识点｜高频考点汇总</a> <span class="text-muted">小山丘</span> <div>温馨提示：更多汇总详情留言小编哦！！！认知过程之易混知识点剖析社会中心课程论情绪——重要考点皮亚杰教你带孩子斯金纳强化规律你的心理足够强大吗?教育心理学的效应德育有规律常考人物思想之夸美纽斯中学常考教学原则孔子及《论语》中的重要教育思想教育学创立阶段人物之赫尔巴特学习策略分类知识点梳理教师资格证辨析题作答思路综合课程的类型班杜拉的学习理论马斯洛需要层次理论记忆类型的四大分类柏拉图和他的《理想国》感</div> </li> <li><a href="/article/1835296397365178368.htm" title="创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几" target="_blank">创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几</a> <span class="text-muted">uthRaman</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=</div> </li> <li><a href="/article/1835289959007875072.htm" title="PMP冲刺一" target="_blank">PMP冲刺一</a> <span class="text-muted">Cynric</span> <div>记录考点一、计算类考题一般就1题，主要涉及在三大过程组：启动过程组、规划过程组、控制过程组。1.启动过程组项目选择方法涉及名词：NPV净现值、IRR内部收益率、BCR投资回报率、ROI投资利润率、回收期2.规划过程组三点估算PERT法（默认使用贝塔分布）三角分布：Te=(O+M+P)/3贝塔分布：Te=(O+4M+P)/6关键路径法CPM关键路径是相对的，也可以是变化的。路径汇聚固定资产折旧沟通渠</div> </li> <li><a href="/article/1835258583235784704.htm" title="HTML中"bgcolor"与"background-color"的区别" target="_blank">HTML中"bgcolor"与"background-color"的区别</a> <span class="text-muted">Sardar_</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>bgcolor只是标签属性，而backgroud更多作为css的样式属性。它们俩大多数情况下效果完全相同。但在标签下效果不同。不支持bgcolor属性，只能用style标签添加CSS样式。作为table的属性而言：HelloWorld!和HelloWorld!效果完全相同。作为body属性而言：效果完全相同。不过个人推荐统一用CSS样式进行控制，把style统一放到.css文件中。backgrou</div> </li> <li><a href="/article/1835247344719851520.htm" title="2019-05-29 vue-router的两种模式的区别" target="_blank">2019-05-29 vue-router的两种模式的区别</a> <span class="text-muted">Kason晨</span> <div>1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容优点:良好的交互体验,用户不需要刷新页面,页面显示流畅,良好的前后端工作分离模式,减轻服务器压力,缺点:不利于SEO,初次加载耗时比较多2、hash模式vue-router默认的是hash</div> </li> <li><a href="/article/1835244972589281280.htm" title="Java字符串为何是不可变的？" target="_blank">Java字符串为何是不可变的？</a> <span class="text-muted">木南曌</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>Java中字符串是一个非常常用的数据类型，它不仅在日常编码中频繁使用，也是面试中常见的考点之一。一个经常被讨论的话题是Java中的字符串为何是不可变的。本文将探讨这个问题，并解释其背后的原因。引言在Java中，字符串是通过String类来表示的，这个类有一个很重要的特性，那就是不可变性（Immutability）。这意味着一旦一个字符串对象被创建，它的值就不能被更改。例如，当你试图修改一个字符串时</div> </li> <li><a href="/article/1835221779212234752.htm" title="清除 Conda 缓存" target="_blank">清除 Conda 缓存</a> <span class="text-muted">Dmatteratall</span> <a class="tag" taget="_blank" href="/search/conda/1.htm">conda</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98/1.htm">缓存</a> <div>清除Conda缓存：cssCopycodecondaclean--allcondaclean--all命令将会清除Conda缓存和临时文件，而不会删除已经安装的软件包和环境。它主要用于清理不必要的缓存和临时文件以释放磁盘空间。</div> </li> <li><a href="/article/1835216109297561600.htm" title="electron多标签页模式更像客户端" target="_blank">electron多标签页模式更像客户端</a> <span class="text-muted">diygwcom</span> <a class="tag" taget="_blank" href="/search/electron/1.htm">electron</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Electron多标签页模式是指在Electron框架中实现的类似Web浏览器的多标签页功能。Electron是一个使用Web技术（HTML、CSS和JavaScript）来创建跨平台桌面应用程序的框架。在Electron中实现多标签页模式，通常需要借助一些特定的库或组件，如BrowserView或electron-tabs，或者通过自定义实现。实现方式1.使用BrowserViewBrowser</div> </li> <li><a href="/article/1835188691572715520.htm" title="CISSP考点拾遗——软件保障SwA" target="_blank">CISSP考点拾遗——软件保障SwA</a> <span class="text-muted">我全家都是CISSP</span> <div>说明：“考点拾遗”系列基于日常为学员和网友做的答疑整理，主要涉及教材中没有完全覆盖到的知识点。Softwareassuranceisthelevelofconfidencethatsoftwareisfreefromvulnerabilities,eitherintentionallydesignedintothesoftwareoraccidentallyinsertedatanytimedur</div> </li> <li><a href="/article/1835188689060327424.htm" title="中考数学想考满分？必须刷完这60道经典压轴题！（高清打印版）" target="_blank">中考数学想考满分？必须刷完这60道经典压轴题！（高清打印版）</a> <span class="text-muted">孔文教育QD</span> <div>孔文教育启东校区距离中考还有30多天的时间，如果平常数学可以考100分左右的同学，就可以重视一下压轴题的提升，老师整理了60道压轴题，包括了考点解析等内容，可以做起来哦！孩子升入初中之后，学习压力逐渐增加，孩子的学习能力以及适应环境的能力决定孩子能够分到哪个层次。中考决定孩子进入普通高中还是职业高中，这是个很现实的问题，经数据研究，中考的普职分流比为1:1，换言之，假设有100个考生，其中就有50</div> </li> <li><a href="/article/1835186351805394944.htm" title="前端HTML+CSS+JS的入门学习" target="_blank">前端HTML+CSS+JS的入门学习</a> <span class="text-muted">俊昭喜喜里</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>一.HTMLHTML（HyperTextMarkupLanguage）即超文本标记语言，是用于创建网页和网页应用程序的标准标记语言。它不是一种编程语言，而是一种标记语言，通过一系列的元素（elements）来告诉浏览器如何显示网页上的内容，如文本、图片、链接、表格、列表等。HTML文档由一系列的标签（tags）组成，这些标签告诉浏览器如何显示内容。标签通常成对出现，例如和，其中是开始标签，表示一个</div> </li> <li><a href="/article/1835151269904347136.htm" title="10/24 每周学习总结5" target="_blank">10/24 每周学习总结5</a> <span class="text-muted">木木ainiks</span> <a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a> <div>1RecordingtheMoolympicsS#include#includeusingnamespacestd;typedeflonglongint_1;intn;structnode{int_1begin_b;int_1end_e;}a[300];boolcmp(nodea,nodeb){if(a.end_e==b.end_e)returna.begin_b>b.begin_b;return</div> </li> <li><a href="/article/1835123524155568128.htm" title="HTML5概述" target="_blank">HTML5概述</a> <span class="text-muted">WFIT~SKY</span> <a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF/1.htm">Web前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>1.HTML概述1.1HTML定义HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。1.2HTML基本骨架HTML基本骨架是网页模板。网页的标题网页的内容html：整个网页head：网页头部，存放给浏览器看的代码，例如CSSbody：网页主体，存放给用户看的代码，例如文字、图片title：网页标题1.3HTML关系父子关系（嵌套）兄弟关系（并列）2.HTML开发环境2.1</div> </li> <li><a href="/article/1835109157406076928.htm" title="CSS中如何实现鼠标悬停效果？" target="_blank">CSS中如何实现鼠标悬停效果？</a> <span class="text-muted">神明木佑</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在CSS中，您可以使用:hover伪类来实现鼠标悬停效果。:hover伪类会在用户将鼠标悬停在选择器所匹配的元素上时应用指定的样式。下面是一个简单的例子，展示了如何在鼠标悬停时改变文本颜色和背景颜色：MouseHoverExample.hover-effect{color:black;background-color:white;padding:10px;text-align:center;}.h</div> </li> <li><a href="/article/59.htm" title="html" target="_blank">html</a> <span class="text-muted">周华华</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){ for(var y=x-1;y<arr.length;y++){ if(arr[x]<arr[y]){ &</div> </li> <li><a href="/article/186.htm" title="【Struts2 四】Struts2拦截器" target="_blank">【Struts2 四】Struts2拦截器</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/struts2%E6%8B%A6%E6%88%AA%E5%99%A8/1.htm">struts2拦截器</a> <div>Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。 Struts2中自定义拦截器的步骤是：</div> </li> <li><a href="/article/313.htm" title="make:cc 命令未找到解决方法" target="_blank">make:cc 命令未找到解决方法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4%E6%9C%AA%E7%9F%A5/1.htm">命令未知</a><a class="tag" taget="_blank" href="/search/make+cc/1.htm">make cc</a> <div>安装rz sz程序时，报下面错误： [root@slave2 src]# make posix cc -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127 系统：centos 6.6 环境：虚拟机错误原因：系统未安装gcc，这个是由于在安</div> </li> <li><a href="/article/440.htm" title="Oracle之Job应用" target="_blank">Oracle之Job应用</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/oracle+job/1.htm">oracle job</a> <div> 最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。一：查看相关job信息 1、相关视图 dba_jobs all_jobs user_jobs dba_jobs_running 包含正在运行</div> </li> <li><a href="/article/567.htm" title="多线程机制" target="_blank">多线程机制</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a> <div>转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程：程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的</div> </li> <li><a href="/article/694.htm" title="web报表工具FineReport使用中遇到的常见报错及解决办法（一）" target="_blank">web报表工具FineReport使用中遇到的常见报错及解决办法（一）</a> <span class="text-muted">老A不折腾</span> <a class="tag" taget="_blank" href="/search/web%E6%8A%A5%E8%A1%A8/1.htm">web报表</a><a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a><a class="tag" taget="_blank" href="/search/java%E6%8A%A5%E8%A1%A8/1.htm">java报表</a><a class="tag" taget="_blank" href="/search/%E6%8A%A5%E8%A1%A8%E5%B7%A5%E5%85%B7/1.htm">报表工具</a> <div>FineReport使用中遇到的常见报错及解决办法（一）这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、address pool is full：含义：地址池满，连接数超过并发数上</div> </li> <li><a href="/article/821.htm" title="mysql rpm安装后没有my.cnf" target="_blank">mysql rpm安装后没有my.cnf</a> <span class="text-muted">林鹤霄</span> <a class="tag" taget="_blank" href="/search/%E6%B2%A1%E6%9C%89my.cnf/1.htm">没有my.cnf</a> <div>Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的，至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法，第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动，第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r</div> </li> <li><a href="/article/948.htm" title="Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题" target="_blank">Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/root/1.htm">root</a> <div>原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/ Step 4: Run ADB command from your PC On the PC, you need install Amazon Fire ADB driver and instal</div> </li> <li><a href="/article/1075.htm" title="javascript 中var提升的典型实例" target="_blank">javascript 中var提升的典型实例</a> <span class="text-muted">alxw4616</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>// 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m</div> </li> <li><a href="/article/1202.htm" title="定时器和获取时间的使用" target="_blank">定时器和获取时间的使用</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%97%B6%E9%97%B4%E7%9A%84%E8%BD%AC%E6%8D%A2/1.htm">时间的转换</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E6%97%B6%E5%99%A8/1.htm">定时器</a> <div>定时器:定时创建任务在游戏设计的时候用的比较多 Timer();定时器 TImerTask();Timer的子类由 Timer 安排为一次执行或重复执行的任务。定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定</div> </li> <li><a href="/article/1329.htm" title="JDK1.5 Queue" target="_blank">JDK1.5 Queue</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/Queue/1.htm">Queue</a> <div>JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方</div> </li> <li><a href="/article/1456.htm" title="http认证原理和https" target="_blank">http认证原理和https</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a> <div>一.基础介绍在URL前加https://前缀表明是用SSL加密的。你的电脑与服务器之间收发的信息传输将更加安全。 Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后</div> </li> <li><a href="/article/1583.htm" title="【Java范型五】范型继承" target="_blank">【Java范型五】范型继承</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2 package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T</div> </li> <li><a href="/article/1710.htm" title="【Nginx六】nginx.conf常用指令(Directive)" target="_blank">【Nginx六】nginx.conf常用指令(Directive)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/Directive/1.htm">Directive</a> <div>1. worker_processes 8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行 nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process </div> </li> <li><a href="/article/1837.htm" title="lua 遍历Header头部" target="_blank">lua 遍历Header头部</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/lua+header+%E9%81%8D%E5%8E%86%E3%80%80/1.htm">lua header 遍历　</a> <div> local headers = ngx.req.get_headers() ngx.say("headers begin", "<br/>") ngx.say("Host : ", he</div> </li> <li><a href="/article/1964.htm" title="java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。" target="_blank">java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3</div> </li> <li><a href="/article/2091.htm" title="redis" target="_blank">redis</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a> <div>在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require</div> </li> <li><a href="/article/2218.htm" title="[JAVA图像与图形]现有的GPU架构支持JAVA语言吗？" target="_blank">[JAVA图像与图形]现有的GPU架构支持JAVA语言吗？</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/java%E8%AF%AD%E8%A8%80/1.htm">java语言</a> <div> 无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情 </div> </li> <li><a href="/article/2345.htm" title="安装ubuntu14.04登录后花屏了怎么办" target="_blank">安装ubuntu14.04登录后花屏了怎么办</a> <span class="text-muted">cuiyadll</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>这个情况，一般属于显卡驱动问题。可以先尝试安装显卡的官方闭源驱动。按键盘三个键：CTRL + ALT + F1 进入终端，输入用户名和密码登录终端：安装amd的显卡驱动 sudo apt-get install fglrx 安装nvidia显卡驱动 sudo ap</div> </li> <li><a href="/article/2472.htm" title="SSL 与数字证书的基本概念和工作原理" target="_blank">SSL 与数字证书的基本概念和工作原理</a> <span class="text-muted">darrenzhu</span> <a class="tag" taget="_blank" href="/search/%E5%8A%A0%E5%AF%86/1.htm">加密</a><a class="tag" taget="_blank" href="/search/ssl/1.htm">ssl</a><a class="tag" taget="_blank" href="/search/%E8%AF%81%E4%B9%A6/1.htm">证书</a><a class="tag" taget="_blank" href="/search/%E5%AF%86%E9%92%A5/1.htm">密钥</a><a class="tag" taget="_blank" href="/search/%E7%AD%BE%E5%90%8D/1.htm">签名</a> <div>SSL 与数字证书的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher</div> </li> <li><a href="/article/2599.htm" title="Ubuntu设置ip的步骤" target="_blank">Ubuntu设置ip的步骤</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a> <div>在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D</div> </li> <li><a href="/article/2726.htm" title="php包管理工具推荐" target="_blank">php包管理工具推荐</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/Composer/1.htm">Composer</a> <div>http://www.phpcomposer.com/ Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。中文文档入门指南下载安装包列表 Composer 中国镜像 </div> </li> <li><a href="/article/2853.htm" title="Gson使用四（TypeAdapter）" target="_blank">Gson使用四（TypeAdapter）</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/gson/1.htm">gson</a><a class="tag" taget="_blank" href="/search/Gson%E8%87%AA%E5%AE%9A%E4%B9%89%E8%BD%AC%E6%8D%A2%E5%99%A8/1.htm">Gson自定义转换器</a><a class="tag" taget="_blank" href="/search/gsonTypeAdapter/1.htm">gsonTypeAdapter</a> <div>转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述 Gson的TypeAapter可以理解成自定义序列化和返序列化二、应用场景举例例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都</div> </li> <li><a href="/article/2980.htm" title="JQM控件之Navbar和Tabs" target="_blank">JQM控件之Navbar和Tabs</a> <span class="text-muted">gundumw100</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>在JQM中使用导航栏Navbar是简单的。只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu</div> </li> <li><a href="/article/3107.htm" title="利用归并排序算法对大文件进行排序" target="_blank">利用归并排序算法对大文件进行排序</a> <span class="text-muted">iwindyforest</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F/1.htm">归并排序</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%96%87%E4%BB%B6/1.htm">大文件</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E6%B2%BB%E6%B3%95/1.htm">分治法</a><a class="tag" taget="_blank" href="/search/Merge+sort/1.htm">Merge sort</a> <div> 归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想：大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数低于限制行数的子文件直接排序两个排序好的子文件归并到父文件直到最后所有排序好的父文件归并到输入</div> </li> <li><a href="/article/3234.htm" title="iOS UIWebView URL拦截" target="_blank">iOS UIWebView URL拦截</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/UIWebView/1.htm">UIWebView</a> <div>本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有</div> </li> <li><a href="/article/3361.htm" title="索引的碎片整理SQL语句" target="_blank">索引的碎片整理SQL语句</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片</div> </li> <li><a href="/article/3488.htm" title="Angularjs同步操作http请求with $promise" target="_blank">Angularjs同步操作http请求with $promise</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a> <div>// Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) { </div> </li> <li><a href="/article/3615.htm" title="hibernate联合查询问题" target="_blank">hibernate联合查询问题</a> <span class="text-muted">sxj19881213</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/HQL/1.htm">HQL</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E5%90%88%E6%9F%A5%E8%AF%A2/1.htm">联合查询</a> <div>最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2） 1 几个常识：（1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。（2）hql的默认查询策略，在进行联合查询时，会产</div> </li> <li><a href="/article/3742.htm" title="struts2.xml" target="_blank">struts2.xml</a> <span class="text-muted">wuai</span> <a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a> <div><?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>