HTML标签
HTML代码注释 < !--注释文字 -->
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
| 标签 |
属性 |
|
根标签 |
|
头标签 |
| </td>
<td>在标签之间的文字内容是网页的标题信息</td>
</tr>
<tr>
<td><script></td>
<td>填写javascript相关代码<script src="/static/js/abc.js"></script></td>
</tr>
<tr>
<td><style></td>
<td>填写css相关代码</td>
</tr>
<tr>
<td><link></td>
<td>标签将css样式文件链接到HTML文件内<link href="base.css" rel="stylesheet" type="text/css" /></td>
</tr>
<tr>
<td><meta></td>
<td>meta标签被称为可视区域meta标签，<meta name=”viewport” content=”” /></td>
</tr>
<tr>
<td><body></td>
<td>内容标签</td>
</tr>
<tr>
<td><h1></td>
<td>标题标签（因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如：<h1>腾讯网</h1>）</td>
</tr>
<tr>
<td><p></td>
<td>段落标签</td>
</tr>
<tr>
<td><em></td>
<td>在浏览器中<em> 默认用斜体表示</td>
</tr>
<tr>
<td><strong></td>
<td><strong> 用粗体表示</td>
</tr>
<tr>
<td><span></span></td>
<td>作用就是为了设置单独的样式用的</td>
</tr>
<tr>
<td><q></q></td>
<td><q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。</td>
</tr>
<tr>
<td><blockquote></td>
<td>作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。浏览器对<blockquote>标签的解析是缩进样式。</td>
</tr>
<tr>
<td><br /></td>
<td>需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车。与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img /></td>
</tr>
<tr>
<td> </td>
<td>为你的网页中添加一些空格</td>
</tr>
<tr>
<td><hr /></td>
<td>添加水平横线,<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。</td>
</tr>
<tr>
<td><address></td>
<td>可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份,在浏览器上显示的样式为斜体;</td>
</tr>
<tr>
<td><code></td>
<td>当代码为一行代码时，你就可以使用<code>标签了.注：如果是多行代码，可以使用<pre>标签。</td>
</tr>
<tr>
<td><pre></td>
<td>为你的网页加入大段代码</td>
</tr>
<tr>
<td><a></td>
<td><a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>; 1.只要为文本加入a标签后，文字的颜色就会自动变为蓝色；2.标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开则使用<a href="目标网址" target="_blank">click here!</a>;3.<a>标签还有一个作用是可以链接Email地址，使用mailto能让访问者便捷向网站管理者发送电子邮件,如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔;<a href=mailto:yy@163.com&cc=xiaoming@16c.com&bcc=xiaoyu@163.com&subject=主题&body=邮件内容>对此影评有何感想，发送邮件给我</a>、cc：抄送，bcc：密文抄送；</td>
</tr>
<tr>
<td><img></td>
<td>标签来插入图片<img src = "myimage.gif" alt = "My Image" title = "My Image" />1、src：标识图像的位置；2、alt：指定图像的描述性文本，当图像不可见时（下载不成功时），可看到该属性指定的文本；3、title：提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)；4、图像可以是GIF，PNG，JPEG格式的图像文件。</td>
</tr>
<tr>
<td><ul><li>我的第一个列表信息</li></ul></td>
<td>新闻信息列表，ul-li是没有前后顺序的信息列表。</td>
</tr>
<tr>
<td><ol><li>我的第一个列表信息。</li><li>我的第一个列表信息。</li></ol></td>
<td>标签来制作有序列表来展示。</td>
</tr>
<tr>
<td><div></td>
<td>在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。<div id="版块名称">…</div>增加id属性；</td>
</tr>
<tr>
<td><table></td>
<td>创建表格的四个元素：table、tbody、tr、th、td；1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。5、<th>…</th>：表格的头部的一个单元格，表格表头。6、表格中列的个数，取决于一行中数据单元格的个数。总结：1、table表格在没有添加css样式之前，在浏览器中显示是没有表格线的；2、表头，也就是th标签中的文本默认为粗体并且居中显示。。。。<style type="text/css">table tr td,th{border:1px solid #000;}</style>为它添加边框。。。<table summary="表格简介文本">摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。。。。<caption>标题文本</caption>用以描述表格内容，标题的显示位置：表格上方。</td>
</tr>
<tr>
<td><form></td>
<td><form method="传送方式" action="服务器文件">1、type：当type="text"时，输入框为文本输入框;当type="password"时, 输入框为密码输入框。2、name：为文本框命名，以备后台程序ASP 、PHP使用。3、value：为文本输入框设置默认值。(一般起到提示作用)</td>
</tr>
<tr>
<td><label for="male"></td>
<td><label for="控件id名称">，注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。</td>
</tr>
</tbody>
</table>
<p>target 常见的4个值<br> 1、-blank 在新窗口中打开；<br> 2、-self 在当前窗口打开（默认值）；<br> 3、-parent 在父窗口打开；<br> 4、-top 在当前浏览器中打开，且框架会消失。</p>
<pre><code><form>
<label for="username">用户名:</label>
<input type="text" name="username" id="username" value="" />
<label for="pass">密码:</label>
<input type="password" name="pass" id="pass" value="" />
<input type="submit" value="确定" name="submit" />
<input type="reset" value="重置" name="reset" />
<textarea rows="行数" cols="列数">在这里输入内容,支持多行文本展示</textarea>
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
<label>男</label><input type="radio" value="1" name="gender" />
<label>女</label><input type="radio" value="2" name="gender" />
<label>跑步</label><input type="checkbox" value="1" name="checkbox1" />
<label>打球</label><input type="checkbox" value="2" name="checkbox2" />
<label>登山</label><input type="checkbox" value="3" name="checkbox3" />
注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。
<label>爱好:</label>
<select>
<option value="看书">看书</option>
<option value="旅游" selected="selected">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
</form>
<form action="save.php" method="post" >
<label>爱好:</label>
<select multiple="multiple">
<option value="看书">看书</option>
<option value="旅游">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
</form>
注意：下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 windows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击）
</code></pre>
<h1>CSS样式</h1>
<h3>CSS的基本知识</h3>
<p>1、CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。<br> css 样式由选择符和声明组成，而声明又由属性和值组成如：</p>
<pre><code>p{
font-size:12px;
color:red;
}
</code></pre>
<p>2、就像在Html的注释一样，在CSS中也有注释语句：用/<em>注释语句</em>/来标明（Html中使用 < !--注释语句-->)</p>
<h3>CSS的三种样式</h3>
<p>*三种样式<br> 1、内联式css样式，直接写在现有的HTML标签中：<br> <code><p style="color:red;font-size:12px">这里文字是红色。</p></code><br> 2、嵌入式css样式，写在当前的文件中，嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。如下代码：</p>
<pre><code><style type="text/css">
span{
color:red;
}
</style>
</code></pre>
<p>3、外部式css样式，写在单独的一个文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：<br> <code><link href="base.css" rel="stylesheet" type="text/css" /></code><br> 注意：<br> 1.css样式文件名称以有意义的英文字母命名，如 main.css。<br> 2.rel="stylesheet" type="text/css" 是固定写法不可修改。<br> 3.<link>标签位置一般写在<head>标签之内。</p>
<ul>
<li>优先级：内联式 > 嵌入式 > 外部式</li>
<li>但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。</li>
<li>总结的优先级是有一个前提：内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下;</li>
<li>下面是权值的规则：<br> 标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：</li>
</ul>
<pre><code>p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/
</code></pre>
<p>注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低。</p>
<ul>
<li>其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）。</li>
<li>注意：!important要写在分号的前面 <code>p{color:red!important;}</code><br> 注意当网页制作者不设置css样式时，浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式，比如有的用户习惯把字号设置为大一些，使其查看网页的文本更加清楚。这时注意样式优先级为：浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。</li>
</ul>
<h3>CSS选择器</h3>
<ul>
<li>标签选择器<br> 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：<br> <code>p{font-size:12px;line-height:1.6em;}</code> </li>
<li>类选择器<br> .类选器名称{css样式代码;};<br> 类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表)。</li>
<li>ID选择器<br> ID选择符的前面是井号（#）号，而不是英文圆点（.）。<br> ID选择器只能在文档中使用一次.</li>
</ul>
<pre><code>#setGreen{
color:green;
}
</code></pre>
<ul>
<li>子选择器<br> 子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：<br> <code>.food>li{border:1px solid red;}</code> </li>
<li>包含(后代)选择器<br> 包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码：<br> <code>.first span{color:red;}</code><br> 请注意这个选择器与子选择器的区别，子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。</li>
<li>全局选择器<br> 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：<br> <code>* {color:red;}</code><br> 字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含)</li>
<li>伪类选择符<br> 更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：<br> <code>a:hover{color:red;}</code><br> 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。<br> 如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）</li>
<li>分组选择器<br> 当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符（，），如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色：<br> <code>h1,span{color:red;}</code> </li>
</ul>
<h3>CSS属性</h3>
<table>
<thead>
<tr>
<th>属性名</th>
<th>属性值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>color</td>
<td>red</td>
<td>设置颜色</td>
</tr>
<tr>
<td>font-size</td>
<td>12px</td>
<td>设置字体大小</td>
</tr>
<tr>
<td>font-weight</td>
<td>bold</td>
<td>设置字体样式粗体</td>
</tr>
<tr>
<td>font-family</td>
<td>Microsoft Yahei</td>
<td>设置字体种类</td>
</tr>
<tr>
<td>font-variant</td>
<td>small-caps</td>
<td>把段落设置为小型大写字母字体</td>
</tr>
<tr>
<td>font-style</td>
<td>italic</td>
<td>设置字体斜体</td>
</tr>
<tr>
<td>text-decoration</td>
<td>underline</td>
<td>设置下划线</td>
</tr>
<tr>
<td>text-decoration</td>
<td>line-through</td>
<td>设置删除线</td>
</tr>
<tr>
<td>text-decoration</td>
<td>none</td>
<td>给a标签去除下划线</td>
</tr>
<tr>
<td>text-indent</td>
<td>2em</td>
<td>段落排版--缩进</td>
</tr>
<tr>
<td>text-align</td>
<td>center</td>
<td>被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的</td>
</tr>
<tr>
<td>vertical-align</td>
<td>middle</td>
<td>用于竖直居中的属性 vertical-align，在父元素设置此样式时，会对inline-block类型的子元素都有用</td>
</tr>
<tr>
<td>line-height</td>
<td>1.5em</td>
<td>段落排版--行间距（行高）</td>
</tr>
<tr>
<td>word-spacing</td>
<td>50px</td>
<td>单词间距设置</td>
</tr>
<tr>
<td>letter-spacing</td>
<td>50px</td>
<td>设置文字间隔或者字母间隔</td>
</tr>
<tr>
<td>background-color</td>
<td>yellow</td>
<td>设置背景颜色</td>
</tr>
<tr>
<td>display</td>
<td>block inline inline-block table-cell</td>
<td>显示为块级元素 行内元素 内联块元素 设置为表格单元显示</td>
</tr>
<tr>
<td>visibility</td>
<td>hidden visible</td>
<td>display:none是彻底消失，不在文档流中占位，浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果，在文档流中占位，浏览器会解析该元素</td>
</tr>
<tr>
<td>border</td>
<td>1px solid red</td>
<td>设置它的粗细、样式和颜色(边框三个属性)；dashed（虚线）dotted（点线）solid（实线）</td>
</tr>
<tr>
<td>padding</td>
<td>20px 10px 15px 30px</td>
<td>填充也可分为上、右、下、左(顺时针)</td>
</tr>
<tr>
<td>margin</td>
<td>20px 10px 15px 30px</td>
<td>边界也是可分为上、右、下、左</td>
</tr>
<tr>
<td>border-bottom</td>
<td>1px solid red</td>
<td>只为一个方向的边框设置样式</td>
</tr>
<tr>
<td>width</td>
<td>200px</td>
<td>设置宽度</td>
</tr>
<tr>
<td>height</td>
<td>200px</td>
<td>设置高度</td>
</tr>
<tr>
<td>box-sizing</td>
<td>border-box</td>
<td>设置边框、内边框和内容的宽度和高度</td>
</tr>
<tr>
<td>box-sizing</td>
<td>content-box</td>
<td>给内容设置的 width 和 height(默认属性)</td>
</tr>
<tr>
<td>list-style</td>
<td>none</td>
<td>去除每个li 前面的点 用 li {list-style: none;}</td>
</tr>
<tr>
<td>border-radius</td>
<td>25px</td>
<td>把一个盒子四角变弧度</td>
</tr>
<tr>
<td>cursor</td>
<td>pointer</td>
<td>鼠标移入时变成手状标志</td>
</tr>
<tr>
<td>trstransition</td>
<td>width 1s</td>
<td>鼠标移入时宽度出现时间是1秒</td>
</tr>
<tr>
<td>opacity</td>
<td>0或1</td>
<td>规定不透明度。从 0.0 （完全透明）到 1.0（完全不透明）。</td>
</tr>
<tr>
<td>z-index</td>
<td>-1</td>
<td>z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。元素可拥有负的 z-index 属性值</td>
</tr>
</tbody>
</table>
<h3>元素的分类</h3>
<ul>
<li>常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form><br> 1.每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）<br> 2.元素的高度、宽度、行高以及顶和底边距都可设置。<br> 3.元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。</li>
<li>常用的内联元素有：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code><br> 1、和其他元素都在一行上；<br> 2、元素的高度、宽度及顶部和底部边距不可设置；<br> 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。</li>
<li>常用的内联块状元素有：<img>、<input><br> 1、和其他元素都在一行上；<br> 2、元素的高度、宽度、行高以及顶和底边距都可设置。<br> （两个元素之前有缝隙存在,如果后面跟块级元素，则块级元素会换行显示）</li>
</ul>
<h1>盒模型</h1>
<h3>盒模型</h3>
<p>盒模型宽度和高度和我们平常所说的物体的宽度和高度理解是不一样的，css内定义的宽（width）和高（height），指的是填充以里的内容范围。<br> 因此一个元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。<br> [图片上传失败...(image-5e35bf-1550823356858)]</p>
<h3>CSS布局模型</h3>
<ul>
<li>弹性布局（Flex）<br> Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为Flex 布局链接：</li>
</ul>
<pre><code>.box{
display: flex;
}
</code></pre>
<ul>
<li>CSS Grid 网格布局教程链接 </li>
</ul>
<p>网格布局（Grid）是最强大的 CSS 布局方案。<br> 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。</p>
<ul>
<li>流动模型（Flow）<br> 流动布局模型具有2个比较典型的特征：<br> 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为在默认状态下，块状元素的宽度都为100%。实际上，块状元素都会以行的形式占据位置。<br> 第二点，在流动模型下，内联元素都会在所处的包含元素内从左到右水平分布显示。（内联元素可不像块状元素这么霸道独占一行）</li>
<li>浮动模型 (Float)<br> 块状元素这么霸道都是独占一行，如果现在我们想让两个块状元素并排显示，怎么办呢？不要着急，设置元素浮动就可以实现这一愿望。<br> 任何元素在默认情况下是不能浮动的，但可以用 CSS 定义为浮动，如 div、p、table、img 等元素都可以被定义为浮动。如下代码可以实现两个 div 元素一行显示。</li>
</ul>
<pre><code>div{
width:200px;
height:200px;
border:2px red solid;
float:left;
}
<div id="div1"></div>
<div id="div2"></div>
</code></pre>
<p>可以设置 width 和 height 属性也可以在一行显示，元素之前没有缝隙存在并且会脱离图层，如果后面跟块级元素，则块级元素不会换行显示。</p>
<ul>
<li>层模型（Layer）</li>
</ul>
<p>0、默认定位(position:static);<br> 块级元素独占一行，行内元素默认排列在一行，也就是说每个元素执行各自的默认属性；<br> 1、绝对定位(position: absolute)<br> 绝对定位是特殊的相对定位；<br> 绝对定位是相对它最近的 已定位(position 不能是默认的 static) 的父级元素进行定位的；<br> 如果它的父级元素都没有定位，那它就相对于浏览器首个窗口进行定位的（浏览器有滚动条，往下拉不算首个窗口）；<br> 2、相对定位(position: relative)<br> 相对本身位置进行位移<br> 如：<br> right: 20px 在原来的位置往左移动 20 px;<br> top: 20px 在原来的位置往下移动 20 px;<br> left:20px 在原来的位置往右移动 20 px；<br> bottom: 20px; 在原来的位置往上移动 20 px;</p>
<blockquote>
<p>注意：本来向右移动现在是向左移动，本来想上移动现在是向下移动</p>
</blockquote>
<p>3、固定定位(position: fixed)<br> 根据浏览器显示进行定位的，即使窗口有垂直滚动条，也是显示能看到窗口就那么大。</p>
<h3>CSS样式设计小技巧</h3>
<p>1、水平居中设置-行内元素 text-align:center<br> 2、水平居中设置-定宽块状元素：<br> 满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的。</p>
<pre><code>div{
border:1px solid red;/*为了显示居中效果明显为 div 设置了边框*/
width:200px;/*定宽*/
margin:20px auto;/* margin-left 与 margin-right 设置为 auto */
}
</code></pre>
<p>3、水平居中总结-不定宽块状元素方法（一）<br> 加入 [table]标签；<br> 为什么选择方法一加入table标签? 是利用table标签的长度自适应性---即不定义其长度也不默认父元素body的长度（table其长度根据其内文本长度决定），因此可以看做一个定宽度块元素，然后再利用定宽度块状居中的margin的方法，使其水平居中。<br> 4、水平居中总结-不定宽块状元素方法（二）<br> 设置 [display: inline] 方法：与第一种类似，显示类型设为行内元素，进行不定宽元素的属性设置；<br> 这种方法相比第一种方法的优势是不用增加无语义标签，但也存在着一些问题：它将块状元素的 display 类型改为 inline，变成了行内元素，所以少了一些功能，比如设定长度值。<br> 第二种方法：改变块级元素的 display 为 inline 类型（设置为 [行内元素]，然后使用 <code>text-align:center</code> 来实现居中效果。<br> 5、水平居中总结-不定宽块状元素方法（三）<br> 设置 [position:relative]和 left:50%利用相对定位 的方式，将元素向左偏移 50% ，即达到居中的目的；<br> 方法三：通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 position:relative 和 left: -50% 来实现水平居中。<br> 6、垂直居中-父元素高度确定的单行文本<br> <strong>父元素高度确定的单行文本</strong>的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。(height: 该元素的高度，line-height: 顾名思义，行高（行间距），指在文本中，行与行之间的 基线间的距离 )。<br> line-height 与 font-size 的计算值之差，在 CSS 中成为“行间距”。分为两半，分别加到一个文本行内容的顶部和底部。<br> 这种文字行高与块高一致带来了一个弊端：当文字内容的长度大于块的宽时，就有内容脱离了块。<br> 7、垂直居中-父元素高度确定的多行文本（方法一）<br> css 中有一个用于竖直居中的属性 vertical-align，在父元素设置此样式时，会对inline-block类型的子元素都有用。<br> 8、垂直居中-父元素高度确定的多行文本（方法二）<br> display:table-cell;/<em>IE8以上及Chrome、Firefox</em>/<br> vertical-align:middle;/<em>IE8以上及Chrome、Firefox</em>/<br> 9、隐性改变display类型<br> 有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一：</p>
<ol>
<li>position : absolute</li>
<li>float : left 或 float:right<br> 简单来说，只要html代码中出现以上两句之一，元素的display显示类型就会自动变为以 display:inline-block（块状元素）的方式显示，当然就可以设置元素的 width 和 height 了，且默认宽度不占满父元素。<br> 如下面的代码，小伙伴们都知道 a 标签是 行内元素 ，所以设置它的 width 是 没有效果的，但是设置为 position:absolute 以后，就可以了</li>
</ol>
</article>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1648589991107919872"></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">
<!-- 文章页-右侧1 动态广告位 -->
<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>
<!-- 文章页-右侧2 动态广告位 -->
<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>
<!-- 文章页-右侧3 动态广告位 -->
<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/1835493135753506816.htm"
title="人怎么才能认识自己？" target="_blank">人怎么才能认识自己？</a>
<span class="text-muted">阿尚青子自由写作人</span>
<div>人怎么才能认识自己？（原问题）我从不愿意上纲上线地确定偌大的话题，就直接说吧。纵使你能认识世界上的万事万物，你很难做到真实地认识自己。因为即使就这个世界，基本上每个人也很难做到客观、公正、科学地认识。对你好的人就是好吗？一件事情是否能够保持永远原来的样子？借不到钱的男友，女友想离开他就理直气壮？父母对子女有几分慷慨，又有几分是无私？工作的意义究竟是什么？是工作需要你，还是你需要工作呢？诸如此类的问</div>
</li>
<li><a href="/article/1835480548538150912.htm"
title="男女关系里的13条真理" target="_blank">男女关系里的13条真理</a>
<span class="text-muted">梦仔i</span>
<div>1、爱情是一种神奇的力量，会使人从哪里摔倒就从哪里爬起来，除非摔得感情残废了。2、男的追女的，只要男的坚持不懈，最后一般可以追到；而女的追男的，只要男的不愿意，肯定追不到；因为男人皮较厚、心较硬，而女人则相反。3、男人往往可以同时有几个同性好朋友，这些朋友可以互相认识或不认识，可以相差很大；而女人的同性好朋友往往只能有一个，且是排他的。男人的朋友可以是有男有女且年长年幼的，而女人的朋友大多是男的且</div>
</li>
<li><a href="/article/1835480290458431488.htm"
title="《我的青葱岁月之缘来是你》 第二章 迎新晚会" target="_blank">《我的青葱岁月之缘来是你》 第二章 迎新晚会</a>
<span class="text-muted">思源思缘思怨</span>
<div>“怎么你也来了这里？”我愉快的问到，想着这是上天给的缘分吗？我还没去找他竟然就相遇了。那个让我开心的老乡。“你好，我也是舞蹈社的新人啊！”他说，笑起来回答我，眼睛弯弯的。“这么巧，我叫吴倩，你叫啥？”“我叫韩欢，你也是B市人吧，c中毕业的？”“我不是，我是f中的，不然肯定会认识你的”“是吗？以后多多关照了”他还冲我眨了眨眼睛。内心一阵悸动，这是……回到寝室，我兴奋的告诉我的室友这个事情，我再次觉得</div>
</li>
<li><a href="/article/1835476984034062336.htm"
title="【六】阿伟开始搭建Kafka学习环境" target="_blank">【六】阿伟开始搭建Kafka学习环境</a>
<span class="text-muted">能源恒观</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>阿伟开始搭建Kafka学习环境概述上一篇文章阿伟学习了Kafka的核心概念，并且把市面上流行的消息中间件特性进行了梳理和对比，方便大家在学习过程中进行对比学习，最后梳理了一些Kafka使用中经常遇到的Kafka难题以及解决思路，经过上一篇的学习我相信大家对Kafka有了初步的认识，本篇将继续学习Kafka。一、安装和配置学习一项技术首先要搭建一套服务，而Kafka的运行主要需要部署jdk、zook</div>
</li>
<li><a href="/article/1835467782687387648.htm"
title="linux 发展史" target="_blank">linux 发展史</a>
<span class="text-muted">种树的猴子</span>
<a class="tag" taget="_blank" href="/search/%E5%86%85%E6%A0%B8/1.htm">内核</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%93%8D%E4%BD%9C%E7%B3%BB%E7%BB%9F/1.htm">操作系统</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
<div>linux发展史说明此前对linux认识模糊一知半解，近期通过学习将自己对于linux的发展总结一下方便大家日后的学习。那Linux是目前一款非常火热的开源操作系统，可是linux是什么时候出现的，又是因为什么样的原因被开发出来的呢。以下将对linux的发展历程进行详细的讲解。目录一、Linux发展背景二、UINIX的诞生三、UNIX的重要分支-BSD的诞生四、Minix的诞生五、GNU与Free</div>
</li>
<li><a href="/article/1835466664725016576.htm"
title="读书笔记|《遇见孩子，遇见更好的自己》5" target="_blank">读书笔记|《遇见孩子，遇见更好的自己》5</a>
<span class="text-muted">抹茶社长</span>
<div>为人父母意味着放弃自己的过去，不要对以往没有实现的心愿耿耿于怀，只有这样，孩子们才能做回自己。985909803.jpg孩子在与父母保持亲密的同时更需要独立，唯有这样，孩子才会成为孩子，父母才会成其为父母。有耐心的人生往往更幸福，给孩子留点余地。认识到养儿育女是对耐心的考验。为失败做好心理准备，教会孩子控制情绪。了解自己的底线，说到底线，有一点很重要，父母之所以发脾气，真正的原因往往在于他们自己，</div>
</li>
<li><a href="/article/1835456089898971136.htm"
title="难念的经" target="_blank">难念的经</a>
<span class="text-muted">轩辕一风</span>
<div>今天中午从公司出来办事，站在马路旁边招手打的。不久来了一辆，路边停下，坐上，一转脸准备告诉师傅去哪的地址，惊呼，姚师傅？啊，咋是你？这也太巧了吧。在上海，出租车少说也有上万辆吧，而且地方这么大，况且在我出来的这个时间点上碰上了，有时候解释不了，就是那么巧。我和姚师傅咋认识的呢？因工作的原因，我要经常去外地出差，家住的离火车站比较远，每次都是打车过去。可能家在郊区的原因，平时门口公路上的出租车并不多</div>
</li>
<li><a href="/article/1835452667279798272.htm"
title="这段婚姻还有必要持继续下去吗？" target="_blank">这段婚姻还有必要持继续下去吗？</a>
<span class="text-muted">2020从这里开始</span>
<div>今夜辗转难眠，脑海一直在思考以后的路怎么走，是继续，还是结束？“七年之痒”对我的婚姻也真的是如期而至。七年前的前天领的结婚证，七年后的今晚我们却在沟通如何修补我们的婚姻，当初结婚与他于我都是因为大龄青年，在家里父母催促下，当时双方相处也觉得合适。在认识恋爱半年后便匆匆结婚，因为我彼此性格都属于不善表达，也不喜好争吵，因此日常生活琐事的不满基本都几语带过，原以为平淡生活都是这么过的。未曾想这些怨愤都</div>
</li>
<li><a href="/article/1835449250159357952.htm"
title="计算机木马详细编写思路" target="_blank">计算机木马详细编写思路</a>
<span class="text-muted">小熊同学哦</span>
<a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%9C%A8%E9%A9%AC/1.htm">木马</a><a class="tag" taget="_blank" href="/search/%E6%9C%A8%E9%A9%AC%E6%80%9D%E8%B7%AF/1.htm">木马思路</a>
<div>导语：计算机木马（ComputerTrojan）是一种恶意软件，通过欺骗用户从而获取系统控制权限，给黑客打开系统后门的一种手段。虽然木马的存在给用户和系统带来严重的安全风险，但是了解它的工作原理与编写思路，对于我们提高防范意识、构建更健壮的网络安全体系具有重要意义。本篇博客将深入剖析计算机木马的详细编写思路，以及如何复杂化挑战，以期提高读者对计算机木马的认识和对抗能力。计算机木马的基本原理计算机木</div>
</li>
<li><a href="/article/1835448849221644288.htm"
title="男人口中的渣女是怎样炼成的" target="_blank">男人口中的渣女是怎样炼成的</a>
<span class="text-muted">小白的火龙果</span>
<div>A与A先生纠缠了也有大半年了，是时候该给他一个答复了。A先生刚毕业三年，而我恰好又是他的师妹，糊里糊涂的就在群里认识，剧情和狗血段子一样，一见如故？一见钟情？这或许更适合用来形容A先生，A先生有着大多数年轻人都有的特质，阳光、开朗、热爱生活，也爱猫。你问我他有多爱猫？一整个月在猫身上的花费比自己吃饭和房租都多，不过这也只是以前。我很讨厌猫，上一次搬家是因为小区里不知道什么时候多出了一只黑猫，它的眼</div>
</li>
<li><a href="/article/1835435013005471744.htm"
title="坚持“三步走”，推动我国人权事业发展" target="_blank">坚持“三步走”，推动我国人权事业发展</a>
<span class="text-muted">Ariel_Yogurt</span>
<div>6月16日出版的第12期《求是》杂志将发表中共中央总书记、国家主席、中央军委主席习近平的重要文章《坚定不移走中国人权发展道路，更好推动我国人权事业发展》。尊重和保障人权，是中国共产党人的不懈追求。努力夯实理论基础。推动人权事业发展的第一步是理解人权。作为青年干部，要想在人权事业全民发展的新浪潮中站稳脚步，就应该积极接受人权理论学习，坚持以人民为中心的人权思想，深刻认识党的领导是中国特色社会主义人权</div>
</li>
<li><a href="/article/1835423821167947776.htm"
title="2022-05-10" target="_blank">2022-05-10</a>
<span class="text-muted">6d27355807f4</span>
<div>2022年5月10月《儿童纪律教育》培训总结---翟少静春蕾四幼给孩子自由是指在思想上给孩子自由，而管孩子是指在行为规范上管孩子。这二者的关系不仅不对立，而且需要相互配合。给孩子自由并不是让孩子想做什么就做什么，而是允许孩子思考自己行为的原因，思考各种可能性及后果，培养孩子对自我的清楚认识和思考的全面性。管孩子也不是让孩子什么都按照父母的标准去做，而是教孩子思考、寻找行为的现实性，培养孩子的责任感</div>
</li>
<li><a href="/article/1835420898262347776.htm"
title="2023-4-6晨间日记" target="_blank">2023-4-6晨间日记</a>
<span class="text-muted">百里清风柏年醉</span>
<div>今天是什么日子起床：7:00就寝：10:30天气：阳光明媚心情：沉闷，忧心忡忡纪念日：无任务清单昨日完成的任务，最重要的三件事：看咨询工程师的书锻炼身体记75个单词改进：自己做饭习惯养成：看纸质书籍不刷抖音每天日更周目标·完成进度学习·信息·阅读健康·饮食·锻炼人际·家人·朋友保持与朋友交流，多认识、结交新的朋友工作·思考怎么做好向上管理该学习什么新的技能怎么与同事更好相处，更好地开展工作最美好的</div>
</li>
<li><a href="/article/1835415171250614272.htm"
title="《爱情》" target="_blank">《爱情》</a>
<span class="text-muted">杜文霞</span>
<div>杜文霞坚持原创分享第39天（20190214）图片发自App对爱情的认识我越来越清晰了。真正的爱情是成年人的游戏，双方在关系中是平等的。就像舒婷《致橡树》中写的：我如果爱你——绝不学痴情的鸟儿，为绿荫重复单调的歌曲；必须是你近旁的一株木棉，作为树的形象和你站在一起。我们共享雾霭、流岚、虹霓。仿佛永远分离，却又终身相依。爱情中的爱是相互的，是爱与被爱的流动，不是控制和占有。如果一方总觉得另一方“应该</div>
</li>
<li><a href="/article/1835410098260897792.htm"
title="6月复盘之重新认识自己" target="_blank">6月复盘之重新认识自己</a>
<span class="text-muted">插画君王木木</span>
<div>经历了漫长的疫情恐慌期，每个人都想重新开启的2020上半年一不小心就结束了，但疫情还在继续，趁着这段特殊时期，邀请你一起打开重新认识自己的大门。趁早图先来回顾一下关于你的上半年是怎样过来的呢？看看我们是不是有一样的状况呢？在1月份信誓旦旦的立下全年目标，可能经历了2周时间，这面旗子就倒了；1月底-2月中的春节期间，完全陷入了低谷期，面对大环境的变革，我该何去何从？2月底回上海，意识到真的不能这样堕</div>
</li>
<li><a href="/article/1835407181713862656.htm"
title="学写作的第四天" target="_blank">学写作的第四天</a>
<span class="text-muted">石声藤</span>
<div>第四节如何坚持长期写下去？①摘要学好写作，重要的是持续性。如何坚持，就从淡化“坚持”这个词开始。做很多事，根本不是用坚持来驱动的，而是你清晰的认识，这件事很重要，你才坚持。②从本质认识写作的重要性意识决定人的行动。如果你从本质认识到某件事的重要性，即使没人逼你，你也会去坚持做，比如赚钱。认识写作的重要性，不认识，重新多学几遍第一节。③要让自己不断从写作中收益一件事能不断给你带来回报，是驱动你坚持做</div>
</li>
<li><a href="/article/1835406164452536320.htm"
title="《蛤蟆先生去看心理医生》读后感" target="_blank">《蛤蟆先生去看心理医生》读后感</a>
<span class="text-muted">我是八零后</span>
<div>《蛤蟆先生去看心理医生》，听书名像是童书，其实是一本专业心理学书籍，一本可以给成年人带来的心灵疗愈的书。走进书本，我们一起跟着蛤蟆先生跟随心理医生的咨询，探寻情绪的根源，进行自我突破，完成个人状态的转变，实现自我的疗愈。一、刷重点1个前提。改变的唯一前提是认识你自己，在这个世界上能帮你的人，只有你自己。2个思维。人人在理性与感性之间徘徊。真正厉害的人，是理性与感性并存。3个状态。每个人都有儿童、父</div>
</li>
<li><a href="/article/1835401217686204416.htm"
title="0412《演讲的力量》演讲的价值在于传播有价值的思想" target="_blank">0412《演讲的力量》演讲的价值在于传播有价值的思想</a>
<span class="text-muted">言时</span>
<div>【书名】《演讲的力量》【阅读内容】第十九章（演讲的复兴：知识的相关性）、第二十章（为什么重要：人与人的互联性）、第二十一章（你的时机已到：哲学家的秘密）【阅读主题】演讲的价值在于传播有价值的思想【三个问题】1、公共演讲的复兴背后的两个推手是什么？公共演讲复兴的第一个有力推手就是：我们正在走进的知识时代需要一种不同的知识，鼓励我们接受自己传统专业领域之外的人们的启发，从而加深对世界的认识，加深对我们</div>
</li>
<li><a href="/article/1835397275208216576.htm"
title="乱说话 要承担后果" target="_blank">乱说话 要承担后果</a>
<span class="text-muted">余生要幸福888</span>
<div>平日里，我们说话一定要特别注意，有些话是万万不能说的，会很灵验的！当说了不该说的话后，可能引发的后果，将是你始料不及的！01乱说话遭遇“鬼打墙”几年前，我认识的一个客户给我讲了一段他的亲身经历：他们公司在北京十三陵附近的一个度假村召开公司年会，会期三天。会议的第二天下午，他和另外两个朋友临时回市区办点事。等到办完事往回赶，快到度假村时，天已经接近傍晚了。车里三个人一路走一路闲聊，其中一个人就突然感</div>
</li>
<li><a href="/article/1835396891043524608.htm"
title="交错时光的爱恋【第五章】" target="_blank">交错时光的爱恋【第五章】</a>
<span class="text-muted">苏羽花</span>
<div>第二天上马车，幻儿教无瑕认识几个简单的字，一早上就在写字中度过。下午幻儿就与无忌共乘一匹马。因为在她的缠功之下，使得石无忌只好点头答应。列出一长串三年以来北方上门求亲的名单。幻儿发现，举凡世家公子多为纨挎子弟不成材者！商人子弟尤为流气。她可要小心注意了，石家财大业大，生下的后代可别也成了那般！教育绝对不可缺，她背靠在丈夫怀中念着：“高大平，擅长调戏下女、上妓院。方天恩，好赌成性、挥霍无度。就只有这</div>
</li>
<li><a href="/article/1835396248945913856.htm"
title="从门氏元素周期表看三皇五帝在关中论" target="_blank">从门氏元素周期表看三皇五帝在关中论</a>
<span class="text-muted">霜叶红似二月花y</span>
<div>世间所有物质，都是由不同元素组成的，科学家们”认识物质初期，所有元素也是多年逐一认识的。著名的俄罗斯化学家门捷列耶夫(DmitriMendeleev1834－1907)，在1869年首创的元素周期表，想必大家都很熟悉。他是怎么发现元素周期规律并制成表的？最权威的说法是他自己笔记中所记载的，是他做梦所得。门氏元素周期表这个表开始并不完善，但已经有个雏形了。当时只有已知的63种元素。但门氏预测应该有1</div>
</li>
<li><a href="/article/1835390275791450112.htm"
title="努力不需要仪式感" target="_blank">努力不需要仪式感</a>
<span class="text-muted">宇韩叔叔</span>
<div>在一次踏青活动中，我认识了彩虹，一个皮肤很白的小美女。她对自己的外形不太满意，一米六的身高，体重接近130斤。听说我是一个跑步爱好者，她马上加微信，希望每天能跟我一起晨跑，锻炼出一个好身材。我满口答应，承诺每天电话催她起床，到约定地点一起跑。第一天见面，彩虹让我眼前一亮：崭新的运动服、高束的马尾辫、箍在大臂上的手机袋，浑身上下都透着一股踌躇满志的精气神。我开始跟她讲路线和跑步要领，她却摆摆手示意我</div>
</li>
<li><a href="/article/1835383403806027776.htm"
title="JVM源码分析之堆外内存完全解读" target="_blank">JVM源码分析之堆外内存完全解读</a>
<span class="text-muted">HeapDump性能社区</span>
<div>概述广义的堆外内存说到堆外内存，那大家肯定想到堆内内存，这也是我们大家接触最多的，我们在jvm参数里通常设置-Xmx来指定我们的堆的最大值，不过这还不是我们理解的Java堆，-Xmx的值是新生代和老生代的和的最大值，我们在jvm参数里通常还会加一个参数-XX:MaxPermSize来指定持久代的最大值，那么我们认识的Java堆的最大值其实是-Xmx和-XX:MaxPermSize的总和，在分代算法</div>
</li>
<li><a href="/article/1835372726471192576.htm"
title="现在做什么副业比较赚钱？现在副业干什么挣钱？" target="_blank">现在做什么副业比较赚钱？现在副业干什么挣钱？</a>
<span class="text-muted">手机聊天员赚钱平台</span>
<div>什么副业适合晚上下班？现在很多人白天正常工作，晚上做副业，不仅可以打发无聊的时间，还可以提高收入！有些人的副业收入可能比主营业务收入高！给大家推荐一个陪聊赚米项目叭，正规陪聊项目，网易云旗下大平台，无任何费用，下方有微信二维码，可扫码了解，也可点击链接，联系我们了解：https://www.jianshu.com/p/a8b7493d9f71我长期从事人力资源工作，也认识很多下班后从事副业的人。有</div>
</li>
<li><a href="/article/1835369676171997184.htm"
title="高省app官网下载?高省app是正规的吗?" target="_blank">高省app官网下载?高省app是正规的吗?</a>
<span class="text-muted">高省APP大九</span>
<div>随着网购的人数越来越多,各种优惠卷软件如雨后春笋般冒出来,但资历良莠不齐,这时候,我们就要慧眼识泰山了,那么我为什么唯独对高省情有独钟呢?往下看,一起来认识一下高省app怎么样,优势如何,靠谱吗?大家好，我是【高省】最大团队创始人大九，咱们高省是一个可省钱佣金高，能赚钱有收益的平台，百度有几百万篇报道，也期待你的加入。大九导师，高省邀请码999999，送2皇冠会员，送万元推广大礼包。下面继续跟大家</div>
</li>
<li><a href="/article/1835367252657008640.htm"
title="故事||我是一本书（3）" target="_blank">故事||我是一本书（3）</a>
<span class="text-muted">贪玩</span>
<div>我的房间在精装洋房的第二层。这个楼层在书类的房子里，属于黄金楼层，因为无论是被家人选中来作文字交流，还是独自站在房间观察周围，这层都是最佳位置，不高不低，视野开阔。每日放学后，老贝在书桌上写作业的时候，我都能清晰的观察她。毕竟我刚刚认识她，对这个漂亮的、有点调皮的小姑娘，我很想深入的了解她。妈妈在创造我时，记录了一些小朋友学习文化知识情景的小故事，因此我灵魂深处，有一些这方面的记忆，但是毕竟不多，</div>
</li>
<li><a href="/article/1835363429381140480.htm"
title="《今天也要认真穿》" target="_blank">《今天也要认真穿》</a>
<span class="text-muted">花开与浪者</span>
<div>第129期谢谢你能来图/Pexels.com文/海椒的海10月30号买的书，11月9号看完。现在写一写关于这本书的一些事情和一些感悟。01、认识黎贝卡大概是件很奇妙的事情大概是2018年开始吧，我姐曾三次向我推荐黎贝卡的公众号，说写得挺好的，可以培养培养审美。我曾三次关注，但也三次都取关了。原因无他，只是我不太喜欢看这些东西罢了。每个人都有自己喜欢的东西，没有好坏之分。只是有些不喜欢的东西也会变得</div>
</li>
<li><a href="/article/1835360874869649409.htm"
title="每日一书|《亲密关系》(Day5)" target="_blank">每日一书|《亲密关系》(Day5)</a>
<span class="text-muted">采臣在等我</span>
<div>采臣在等我-广州【书籍名称】《亲密关系》图片发自App【阅读目标】1.了解“亲密关系”的几个阶段及特点2.认识和理解有效沟通的技巧和原则3.思考自己在亲密关系建立中的角色和心理，以及面临的挑战【阅读感受】这本书是克里斯多福研究亲密关系的智慧结晶，阅读的整体感受是:书中文字亲切，有种娓娓道来的感觉。书中的逻辑感较强，也有详细的小结和应用建议，适合应用和反思。1.亲密关系的4个阶段和特点阶段一:月晕A</div>
</li>
<li><a href="/article/1835352325032603648.htm"
title="第三十一节:Vue路由:前端路由vs后端路由的了解" target="_blank">第三十一节:Vue路由:前端路由vs后端路由的了解</a>
<span class="text-muted">曹老师</span>
<div>1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访</div>
</li>
<li><a href="/article/17.htm"
title="分享100个最新免费的高匿HTTP代理IP" target="_blank">分享100个最新免费的高匿HTTP代理IP</a>
<span class="text-muted">mcj8089</span>
<a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86IP/1.htm">代理IP</a><a class="tag" taget="_blank" href="/search/%E4%BB%A3%E7%90%86%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">代理服务器</a><a class="tag" taget="_blank" href="/search/%E5%8C%BF%E5%90%8D%E4%BB%A3%E7%90%86/1.htm">匿名代理</a><a class="tag" taget="_blank" href="/search/%E5%85%8D%E8%B4%B9%E4%BB%A3%E7%90%86IP/1.htm">免费代理IP</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E6%96%B0%E4%BB%A3%E7%90%86IP/1.htm">最新代理IP</a>
<div>
推荐两个代理IP网站：
1. 全网代理IP：http://proxy.goubanjia.com/
2. 敲代码免费IP：http://ip.qiaodm.com/
120.198.243.130:80,中国/广东省
58.251.78.71:8088,中国/广东省
183.207.228.22:83,中国/</div>
</li>
<li><a href="/article/144.htm"
title="mysql高级特性之数据分区" target="_blank">mysql高级特性之数据分区</a>
<span class="text-muted">annan211</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%8C%BA/1.htm">分区</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>
mysql高级特性
1 以存储引擎的角度分析，分区表和物理表没有区别。是按照一定的规则将数据分别存储的逻辑设计。器底层是由多个物理字表组成。
2 分区的原理
分区表由多个相关的底层表实现，这些底层表也是由句柄对象表示，所以我们可以直接访问各个分区。存储引擎管理分区的各个底层
表和管理普通表一样(所有底层表都必须使用相同的存储引擎)，分区表的索引只是</div>
</li>
<li><a href="/article/271.htm"
title="JS采用正则表达式简单获取URL地址栏参数" target="_blank">JS采用正则表达式简单获取URL地址栏参数</a>
<span class="text-muted">chiangfai</span>
<a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E5%9C%B0%E5%9D%80%E6%A0%8F%E5%8F%82%E6%95%B0%E8%8E%B7%E5%8F%96/1.htm">地址栏参数获取</a>
<div>GetUrlParam:function GetUrlParam(param){
var reg = new RegExp("(^|&)"+ param +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null</div>
</li>
<li><a href="/article/398.htm"
title="怎样将数据表拷贝到powerdesigner (本地数据库表)" target="_blank">怎样将数据表拷贝到powerdesigner (本地数据库表)</a>
<span class="text-muted">Array_06</span>
<a class="tag" taget="_blank" href="/search/powerDesigner/1.htm">powerDesigner</a>
<div>==================================================
1、打开PowerDesigner12，在菜单中按照如下方式进行操作
file->Reverse Engineer->DataBase
点击后，弹出 New Physical Data Model 的对话框
2、在General选项卡中
Model name:模板名字，自</div>
</li>
<li><a href="/article/525.htm"
title="logbackのhelloworld" target="_blank">logbackのhelloworld</a>
<span class="text-muted">飞翔的马甲</span>
<a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97/1.htm">日志</a><a class="tag" taget="_blank" href="/search/logback/1.htm">logback</a>
<div>一、概述
1.日志是啥？
当我是个逗比的时候我是这么理解的：log.debug()代替了system.out.print();
当我项目工作时，以为是一堆得.log文件。
这两天项目发布新版本，比较轻松，决定好好地研究下日志以及logback。
传送门1：日志的作用与方法：
http://www.infoq.com/cn/articles/why-and-how-log
上面的作</div>
</li>
<li><a href="/article/652.htm"
title="新浪微博爬虫模拟登陆" target="_blank">新浪微博爬虫模拟登陆</a>
<span class="text-muted">随意而生</span>
<a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A/1.htm">新浪微博</a>
<div>转载自：http://hi.baidu.com/erliang20088/item/251db4b040b8ce58ba0e1235
近来由于毕设需要，重新修改了新浪微博爬虫废了不少劲，希望下边的总结能够帮助后来的同学们。
现行版的模拟登陆与以前相比，最大的改动在于cookie获取时候的模拟url的请求</div>
</li>
<li><a href="/article/779.htm"
title="synchronized" target="_blank">synchronized</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/thread/1.htm">thread</a>
<div> Java语言的关键字，可用来给对象和方法或者代码块加锁，当它锁定一个方法或者一个代码块的时候，同一时刻最多只有一个线程执行这段代码。当两个并发线程访问同一个对象object中的这个加锁同步代码块时，一个时间内只能有一个线程得到执行。另一个线程必须等待当前线程执行完这个代码块以后才能执行该代码块。然而，当一个线程访问object的一个加锁代码块时，另一个线程仍然</div>
</li>
<li><a href="/article/906.htm"
title="maven 简单实用教程" target="_blank">maven 简单实用教程</a>
<span class="text-muted">AdyZhang</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>1. Maven介绍 1.1. 简介 java编写的用于构建系统的自动化工具。目前版本是2.0.9，注意maven2和maven1有很大区别，阅读第三方文档时需要区分版本。 1.2. Maven资源 见官方网站；The 5 minute test，官方简易入门文档；Getting Started Tutorial，官方入门文档；Build Coo</div>
</li>
<li><a href="/article/1033.htm"
title="Android 通过 intent传值获得null" target="_blank">Android 通过 intent传值获得null</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>我在通过intent 获得传递兑现过的时候报错，空指针,我是getMap方法进行传值，代码如下 1 2 3 4 5 6 7 8 9
public
void
getMap(View view){
Intent i =</div>
</li>
<li><a href="/article/1160.htm"
title="apache 做代理 报如下错误：The proxy server received an invalid response from an upstream" target="_blank">apache 做代理 报如下错误：The proxy server received an invalid response from an upstream</a>
<span class="text-muted">baalwolf</span>
<a class="tag" taget="_blank" href="/search/response/1.htm">response</a>
<div>网站配置是apache＋tomcat,tomcat没有报错，apache报错是：
The proxy server received an invalid response from an upstream server. The proxy server could not handle the request GET /. Reason: Error reading fr</div>
</li>
<li><a href="/article/1287.htm"
title="Tomcat6 内存和线程配置" target="_blank">Tomcat6 内存和线程配置</a>
<span class="text-muted">BigBird2012</span>
<a class="tag" taget="_blank" href="/search/tomcat6/1.htm">tomcat6</a>
<div>1、修改启动时内存参数、并指定JVM时区 （在windows server 2008 下时间少了8个小时）
在Tomcat上运行j2ee项目代码时，经常会出现内存溢出的情况，解决办法是在系统参数中增加系统参数：
window下， 在catalina.bat最前面
set JAVA_OPTS=-XX:PermSize=64M -XX:MaxPermSize=128m -Xms5</div>
</li>
<li><a href="/article/1414.htm"
title="Karam与TDD" target="_blank">Karam与TDD</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/Karam/1.htm">Karam</a><a class="tag" taget="_blank" href="/search/TDD/1.htm">TDD</a>
<div>一.TDD
测试驱动开发（Test-Driven Development,TDD）是一种敏捷（AGILE）开发方法论，它把开发流程倒转了过来，在进行代码实现之前，首先保证编写测试用例，从而用测试来驱动开发（而不是把测试作为一项验证工具来使用）。
TDD的原则很简单：
a.只有当某个</div>
</li>
<li><a href="/article/1541.htm"
title="[Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States" target="_blank">[Zookeeper学习笔记之七]Zookeeper源代码分析之Zookeeper.States</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a>
<div> public enum States {
CONNECTING, //Zookeeper服务器不可用，客户端处于尝试链接状态
ASSOCIATING, //？？？
CONNECTED, //链接建立，可以与Zookeeper服务器正常通信
CONNECTEDREADONLY, //处于只读状态的链接状态，只读模式可以在</div>
</li>
<li><a href="/article/1668.htm"
title="【Scala十四】Scala核心八：闭包" target="_blank">【Scala十四】Scala核心八：闭包</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>Free variable A free variable of an expression is a variable that’s used inside the expression but not defined inside the expression. For instance, in the function literal expression (x: Int) => (x</div>
</li>
<li><a href="/article/1795.htm"
title="android发送json并解析返回json" target="_blank">android发送json并解析返回json</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>package com.http.test;
import org.apache.http.HttpResponse;
import org.apache.http.HttpStatus;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpGet;
import </div>
</li>
<li><a href="/article/1922.htm"
title="一份IT实习生的总结" target="_blank">一份IT实习生的总结</a>
<span class="text-muted">brotherlamp</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/php%E8%B5%84%E6%96%99/1.htm">php资料</a><a class="tag" taget="_blank" href="/search/php%E6%95%99%E7%A8%8B/1.htm">php教程</a><a class="tag" taget="_blank" href="/search/php%E5%9F%B9%E8%AE%AD/1.htm">php培训</a><a class="tag" taget="_blank" href="/search/php%E8%A7%86%E9%A2%91/1.htm">php视频</a>
<div>今天突然发现在不知不觉中自己已经实习了 3 个月了，现在可能不算是真正意义上的实习吧，因为现在自己才大三，在这边撸代码的同时还要考虑到学校的功课跟期末考试。让我震惊的是，我完全想不到在这 3 个月里我到底学到了什么，这是一件多么悲催的事情啊。同时我对我应该 get 到什么新技能也很迷茫。所以今晚还是总结下把，让自己在接下来的实习生活有更加明确的方向。最后感谢工作室给我们几个人这个机会让我们提前出来</div>
</li>
<li><a href="/article/2049.htm"
title="据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 将重物放到天平左侧，问在两边如何添加砝码" target="_blank">据说是2012年10月人人网校招的一道笔试题-给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 将重物放到天平左侧，问在两边如何添加砝码</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>
public class ScalesBalance {
/**
* 题目：
* 给出一个重物重量为X,另外提供的小砝码重量分别为1，3，9。。。3^N。 （假设N无限大，但一种重量的砝码只有一个）
* 将重物放到天平左侧，问在两边如何添加砝码使两边平衡
*
* 分析：
* 三进制
* 我们约定括号表示里面的数是三进制，例如 47=(1202</div>
</li>
<li><a href="/article/2176.htm"
title="dom4j最常用最简单的方法" target="_blank">dom4j最常用最简单的方法</a>
<span class="text-muted">chiangfai</span>
<a class="tag" taget="_blank" href="/search/dom4j/1.htm">dom4j</a>
<div>要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip
解开后有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要</div>
</li>
<li><a href="/article/2303.htm"
title="简单HBase笔记" target="_blank">简单HBase笔记</a>
<span class="text-muted">chenchao051</span>
<a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a>
<div> 一、Client-side write buffer 客户端缓存请求 描述：可以缓存客户端的请求，以此来减少RPC的次数，但是缓存只是被存在一个ArrayList中，所以多线程访问时不安全的。 可以使用getWriteBuffer()方法来取得客户端缓存中的数据。 默认关闭。 二、Scan的Caching 描述： next( )方法请求一行就要使用一次RPC,即使</div>
</li>
<li><a href="/article/2430.htm"
title="mysqldump导出时出现when doing LOCK TABLES" target="_blank">mysqldump导出时出现when doing LOCK TABLES</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/mysqdump/1.htm">mysqdump</a><a class="tag" taget="_blank" href="/search/%E5%AF%BC%E6%95%B0%E6%8D%AE/1.htm">导数据</a>
<div> 执行 mysqldump -uxxx -pxxx -hxxx -Pxxxx database tablename > tablename.sql
导出表时，会报
mysqldump: Got error: 1044: Access denied for user 'xxx'@'xxx' to database 'xxx' when doing LOCK TABLES
解决</div>
</li>
<li><a href="/article/2557.htm"
title="CSS渲染原理" target="_blank">CSS渲染原理</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a>
<div> 从事Web前端开发的人都与CSS打交道很多，有的人也许不知道css是怎么去工作的，写出来的css浏览器是怎么样去解析的呢？当这个成为我们提高css水平的一个瓶颈时，是否应该多了解一下呢？
一、浏览器的发展与CSS
</div>
</li>
<li><a href="/article/2684.htm"
title="《阿甘正传》台词" target="_blank">《阿甘正传》台词</a>
<span class="text-muted">dcj3sjt126com</span>
<div>Part Ⅰ:
《阿甘正传》Forrest Gump经典中英文对白
Forrest: Hello! My names Forrest. Forrest Gump. You wanna Chocolate? I could eat about a million and a half othese. My momma always said life was like a box ochocol</div>
</li>
<li><a href="/article/2811.htm"
title="Java处理JSON" target="_blank">Java处理JSON</a>
<span class="text-muted">dyy_gusi</span>
<a class="tag" taget="_blank" href="/search/json/1.htm">json</a>
<div>Json在数据传输中很好用，原因是JSON 比 XML 更小、更快，更易解析。
在Java程序中，如何使用处理JSON，现在有很多工具可以处理，比较流行常用的是google的gson和alibaba的fastjson，具体使用如下：
1、读取json然后处理
class ReadJSON
{
public static void main(String[] args)
</div>
</li>
<li><a href="/article/2938.htm"
title="win7下nginx和php的配置" target="_blank">win7下nginx和php的配置</a>
<span class="text-muted">geeksun</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a>
<div>1. 安装包准备
nginx : 从nginx.org下载nginx-1.8.0.zip
php： 从php.net下载php-5.6.10-Win32-VC11-x64.zip， php是免安装文件。
RunHiddenConsole: 用于隐藏命令行窗口
2. 配置
# java用8080端口做应用服务器，nginx反向代理到这个端口即可
p</div>
</li>
<li><a href="/article/3065.htm"
title="基于2.8版本redis配置文件中文解释" target="_blank">基于2.8版本redis配置文件中文解释</a>
<span class="text-muted">hongtoushizi</span>
<a class="tag" taget="_blank" href="/search/redis/1.htm">redis</a>
<div>转载自： http://wangwei007.blog.51cto.com/68019/1548167
在Redis中直接启动redis-server服务时, 采用的是默认的配置文件。采用redis-server xxx.conf 这样的方式可以按照指定的配置文件来运行Redis服务。下面是Redis2.8.9的配置文</div>
</li>
<li><a href="/article/3192.htm"
title="第五章 常用Lua开发库3-模板渲染" target="_blank">第五章 常用Lua开发库3-模板渲染</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/lua/1.htm">lua</a>
<div>动态web网页开发是Web开发中一个常见的场景，比如像京东商品详情页，其页面逻辑是非常复杂的，需要使用模板技术来实现。而Lua中也有许多模板引擎，如目前我在使用的lua-resty-template，可以渲染很复杂的页面，借助LuaJIT其性能也是可以接受的。
如果学习过JavaEE中的servlet和JSP的话，应该知道JSP模板最终会被翻译成Servlet来执行；而lua-r</div>
</li>
<li><a href="/article/3319.htm"
title="JZSearch大数据搜索引擎" target="_blank">JZSearch大数据搜索引擎</a>
<span class="text-muted">颠覆者</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div>系统简介：
大数据的特点有四个层面：第一，数据体量巨大。从TB级别，跃升到PB级别；第二，数据类型繁多。网络日志、视频、图片、地理位置信息等等。第三，价值密度低。以视频为例，连续不间断监控过程中，可能有用的数据仅仅有一两秒。第四，处理速度快。最后这一点也是和传统的数据挖掘技术有着本质的不同。业界将其归纳为4个“V”——Volume，Variety，Value，Velocity。大数据搜索引</div>
</li>
<li><a href="/article/3446.htm"
title="10招让你成为杰出的Java程序员" target="_blank">10招让你成为杰出的Java程序员</a>
<span class="text-muted">pda158</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a>
<div>如果你是一个热衷于技术的
Java 程序员， 那么下面的 10 个要点可以让你在众多 Java 开发人员中脱颖而出。
1. 拥有扎实的基础和深刻理解 OO 原则 对于 Java 程序员，深刻理解 Object Oriented Programming（面向对象编程）这一概念是必须的。没有 OOPS 的坚实基础，就领会不了像 Java 这些面向对象编程语言</div>
</li>
<li><a href="/article/3573.htm"
title="tomcat之oracle连接池配置" target="_blank">tomcat之oracle连接池配置</a>
<span class="text-muted">小网客</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>tomcat版本7.0
配置oracle连接池方式：
修改tomcat的server.xml配置文件：
<GlobalNamingResources>
<Resource name="utermdatasource" auth="Container"
type="javax.sql.DataSou</div>
</li>
<li><a href="/article/3700.htm"
title="Oracle 分页算法汇总" target="_blank">Oracle 分页算法汇总</a>
<span class="text-muted">vipbooks</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a>
<div> 这是我找到的一些关于Oracle分页的算法，大家那里还有没有其他好的算法没？我们大家一起分享一下！
-- Oracle 分页算法一
select * from (
select page.*,rownum rn from (select * from help) page
-- 20 = (currentPag</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.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</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> |
