<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[点滴记忆]]></title> 
<description><![CDATA[使用emlog搭建的站点]]></description>
<link>http://www.myblogs8.cn/emlog6/</link>
<language>zh-cn</language>
<generator>www.emlog.net</generator>
<item>
    <title>mybatis入门---博客园</title>
    <link>http://www.myblogs8.cn/emlog6/?post=116</link>
    <description><![CDATA[<a href="https://www.cnblogs.com/codyxz/p/18597515" target="_blank">https://www.cnblogs.com/codyxz/p/18597515</a><br />
<br />
<br />
<a href="https://www.cnblogs.com/liuyuxuan110/p/18815340" target="_blank">https://www.cnblogs.com/liuyuxuan110/p/18815340</a><br />
<br />
<br />
<a href="https://www.cnblogs.com/shiguangrusuo/p/17940445" target="_blank">https://www.cnblogs.com/shiguangrusuo/p/17940445</a><br />
<br />
<br />
<a href="https://www.cnblogs.com/liurui12138/p/15173216.html" target="_blank">https://www.cnblogs.com/liurui12138/p/15173216.html</a><br />
<br />
<br />
<a href="https://www.cnblogs.com/zwgitOne123/p/17086488.html" target="_blank">https://www.cnblogs.com/zwgitOne123/p/17086488.html</a><br />
<br />
<br />
<br />
<a href="https://www.cnblogs.com/XiaoCui-blog/p/15110488.html" target="_blank">https://www.cnblogs.com/XiaoCui-blog/p/15110488.html</a><br />]]></description>
    <pubDate>Sun, 29 Jun 2025 08:08:47 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=116</guid>

</item>
<item>
    <title>mybatis入门</title>
    <link>http://www.myblogs8.cn/emlog6/?post=115</link>
    <description><![CDATA[<a href="https://www.cnblogs.com/3522849860qq/p/17991549" target="_blank">https://www.cnblogs.com/3522849860qq/p/17991549</a><br />
<br />
<br />
<a href="https://blog.csdn.net/ZZZioz/article/details/146987452" target="_blank">https://blog.csdn.net/ZZZioz/article/details/146987452</a><br />
<br />
<br />
<a href="https://blog.csdn.net/2301_81096101/article/details/148044300" target="_blank">https://blog.csdn.net/2301_81096101/article/details/148044300</a><br />
<br />
<br />
<a href="https://blog.51cto.com/u_16969274/11820623" target="_blank">https://blog.51cto.com/u_16969274/11820623</a>]]></description>
    <pubDate>Tue, 24 Jun 2025 18:02:21 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=115</guid>

</item>
<item>
    <title>Java项目构建工具maven</title>
    <link>http://www.myblogs8.cn/emlog6/?post=114</link>
    <description><![CDATA[<a href="https://www.cnblogs.com/huangting/p/11079087.html" target="_blank">https://www.cnblogs.com/huangting/p/11079087.html</a><br />
<br />
<br />
<a href="https://blog.csdn.net/m0_74129481/article/details/147928122" target="_blank">https://blog.csdn.net/m0_74129481/article/details/147928122</a><br />
<br />
<br />
<br />
<a href="https://blog.csdn.net/yang_xiao_wu_/article/details/147932203" target="_blank">https://blog.csdn.net/yang_xiao_wu_/article/details/147932203</a>]]></description>
    <pubDate>Sun, 22 Jun 2025 08:11:30 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=114</guid>

</item>
<item>
    <title>freemarker入门</title>
    <link>http://www.myblogs8.cn/emlog6/?post=113</link>
    <description><![CDATA[<a href="https://www.cnblogs.com/ghostmen/p/17457374.html" target="_blank">https://www.cnblogs.com/ghostmen/p/17457374.html</a>]]></description>
    <pubDate>Sun, 22 Jun 2025 07:48:59 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=113</guid>

</item>
<item>
    <title>c3p0入门</title>
    <link>http://www.myblogs8.cn/emlog6/?post=112</link>
    <description><![CDATA[<a href="https://www.cnblogs.com/keystone/p/12740309.html" target="_blank">https://www.cnblogs.com/keystone/p/12740309.html</a><br />
<br />
<br />
<a href="https://blog.csdn.net/weixin_44066506/article/details/147893638" target="_blank">https://blog.csdn.net/weixin_44066506/article/details/147893638</a>]]></description>
    <pubDate>Fri, 20 Jun 2025 08:12:42 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=112</guid>

</item>
<item>
    <title>Oracle数据库入门</title>
    <link>http://www.myblogs8.cn/emlog6/?post=111</link>
    <description><![CDATA[<a href="https://blog.csdn.net/weixin_56693899/article/details/143579451" target="_blank">https://blog.csdn.net/weixin_56693899/article/details/143579451</a><br />
<a href="https://www.cnblogs.com/c1024/p/11012016.html" target="_blank">https://www.cnblogs.com/c1024/p/11012016.html</a><br />
<a href="https://download.csdn.net/blog/column/12526186/134973498" target="_blank">https://download.csdn.net/blog/column/12526186/134973498</a><br />
<a href="https://blog.csdn.net/qq_45704789/article/details/145707323" target="_blank">https://blog.csdn.net/qq_45704789/article/details/145707323</a>]]></description>
    <pubDate>Sat, 14 Jun 2025 12:35:19 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=111</guid>

</item>
<item>
    <title>Sublime Text 3中文乱码解决指南</title>
    <link>http://www.myblogs8.cn/emlog6/?post=110</link>
    <description><![CDATA[https://blog.csdn.net/weixin_42511832/article/details/143997395<br />
<a href="https://blog.csdn.net/weixin_42511832/article/details/143997395" target="_blank">https://blog.csdn.net/weixin_42511832/article/details/143997395</a>]]></description>
    <pubDate>Thu, 05 Jun 2025 15:04:07 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=110</guid>

</item>
<item>
    <title>前端之Bootstarp框架</title>
    <link>http://www.myblogs8.cn/emlog6/?post=109</link>
    <description><![CDATA[<h1 class="md-end-block md-heading md-focus" style="margin:10px 0px;padding:0px;line-height:1.5;font-size:28px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span class="md-expand" style="margin:0px;padding:0px;">Bootstarp简介</span>
</h1>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap是前端开发中比较受欢迎的框架，简洁且灵活。它基于HTML、CSS和JavaScript，HTML定义页面元素，CSS定义页面布局，而JavaScript负责页面元素的响应。Bootstrap将HTML、CSS和JavaScript封装成一个个功能组件，用起来简洁灵活，使得 Web 开发更加快捷。<br style="margin:0px;padding:0px;" />
Bootstrap5 目前是 Bootstrap 的最新版本，利用提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 iQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建出整个app。
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	他的内部给我们封装了很多很多的css样式和一些非常好的js事件，以后我们只需要把他的类库文件引入到我们的文档中就能使用。我们在使用的过程中，只需要通过增加和删除class属性值就能够达到某种特殊效果。
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	如何使用：<span class="md-expand" style="margin:0px;padding:0px;"><a href="https://www.bootcss.com/" rel="noopener nofollow" style="margin:0px;padding:0px;text-decoration-line:none;color:#000000;border-bottom:1px dotted #333333;">https://www.bootcss.com/</a><span style="margin:0px;padding:0px;">在百度中搜索</span></span>
</h4>
<p class="md-focus-p" style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span class="md-line md-end-block md-focus" style="margin:0px;padding:0px;">bootstrap的版本：v3、v4、v5我们推荐使用v3就行</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span class="md-line md-end-block" style="margin:0px;padding:0px;">v3版本依赖 jQuery，v4、v5版本不依赖jQuery</span>
</p>
<h3 class="md-end-block md-heading" style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">如何使用：</span>
</h3>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">1. 下载bootstrap的类库文件</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">2. 使用CDN</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">要想使用bootstrap有两部分，css部分，js部分</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">如果只想使用css样式，那么，只要引入css文件即可</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">如果想要使用它提供的一些动作，就只需要引入外部的js文件</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">在引入js文件的时候，一定要先引入jQuery文件，bootstrap的js文件是依赖于jQuery的js</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">在v3版本，在v4、v5版本就不需要了。</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">eg：</span>
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css"&gt;
&lt;!--    &lt;script src="bootstrap-3.4.1-dist/js/bootstrap.min.js"&gt;&lt;/script&gt;--&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;h1&gt;哈基米&lt;/h1&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725184747560-608291428.png" alt="" width="97" height="38" loading="lazy" style="margin:0px;padding:0px;max-width:100%;height:auto !important;" />
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;
</p>
<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	Normalize.css
</h2>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">微为了增强跨浏览器渲染的一致性，我们使用了Normalize.css,这是由&nbsp;<a href="https://twitter.com/necolas" rel="noopener nofollow" target="_blank" style="margin:0px;padding:0px;text-decoration-line:none;color:#000000;border-bottom:1px dotted #333333;">Nicolas Gallagher</a>&nbsp;和&nbsp;<a href="https://twitter.com/jon_neal" rel="noopener nofollow" target="_blank" style="margin:0px;padding:0px;text-decoration-line:none;color:#000000;border-bottom:1px dotted #333333;">Jonathan Neal</a>&nbsp;维护的一个CSS 重置样式库。</span>
</p>
<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">布局容器</span>
</h2>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">Bootstrap需要为页面内容和栅格系统包裹一个.container容器。提供了两个作此用处的类。<br style="margin:0px;padding:0px;" />
</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">注意：由于padding等属性的原因，这两种容器不能互相嵌套。</span>
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<strong style="margin:0px;padding:0px;">.container类</strong>用于固定宽度并支持响应式布局的容器。
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;div class="container"&gt;<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> ... </span>&lt;/div&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<strong style="margin:0px;padding:0px;"><code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.container-fluid</code>&nbsp;类</strong>用于 100% 宽度，占据全部视口（viewport）的容器。
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;div class="container-fluid"&gt;<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> ... </span>&lt;/div&gt;</pre>
</div>
<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	栅格系统
</h2>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的<a href="https://v3.bootcss.com/css/#grid-example-basic" rel="noopener nofollow" style="margin:0px;padding:0px;text-decoration-line:none;color:#000000;border-bottom:1px dotted #333333;">预定义类</a>，还有强大的<a href="https://v3.bootcss.com/css/#grid-less" rel="noopener nofollow" style="margin:0px;padding:0px;text-decoration-line:none;color:#000000;border-bottom:1px dotted #333333;">mixin 用于生成更具语义的布局</a>。
</p>
<h3 style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	简介
</h3>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理：
</p>
<ul style="margin:0px 0px 0px 30px;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<li style="margin:0px;padding:0px;list-style:inherit;">
		“行（row）”必须包含在&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.container</code>&nbsp;（固定宽度）或&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.container-fluid</code>&nbsp;（100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		通过“行（row）”在水平方向创建一组“列（column）”。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		类似&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.row</code>&nbsp;和&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.col-xs-4</code>&nbsp;这种预定义的类，可以用来快速创建栅格布局。Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		通过为“列（column）”设置&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">padding</code>&nbsp;属性，从而创建列与列之间的间隔（gutter）。通过为&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.row</code>&nbsp;元素设置负值&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">margin</code>&nbsp;从而抵消掉为&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.container</code>&nbsp;元素设置的&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">padding</code>，也就间接为“行（row）”所包含的“列（column）”抵消掉了<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">padding</code>。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		负值的 margin就是下面的示例为什么是向外突出的原因。在栅格列中的内容排成一行。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.col-xs-4</code>&nbsp;来创建。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		如果一“行（row）”中包含了的“列（column）”大于 12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列。
	</li>
	<li style="margin:0px;padding:0px;list-style:inherit;">
		栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.col-md-*</code>&nbsp;栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.col-lg-*</code>&nbsp;不存在， 也影响大屏幕设备。
	</li>
</ul>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	eg :
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"&gt;&lt;/script&gt;
    &lt;link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"&gt;
    &lt;script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;style&gt;<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> .c1 {
            height: 100px;
            border: 1px solid black;
            background:lightskyblue;
        }

        @media screen  and (max</span>-<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;">width: 800px) {
            .c1 {
                height: 100px;
                border: 1px solid black;
                background: green;
            }
        } </span>&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class="container c1"&gt;
    &lt;!--分成了12个列--&gt;
    &lt;div class="row"&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-1 c1"&gt;&lt;/div&gt;
        &lt;!--将12列按6:6分--&gt;
        &lt;hr&gt;
        &lt;!--六个一列，占十二列的一半--&gt;
        &lt;div class="col-md-6 c1"&gt;&lt;/div&gt;
        &lt;div class="col-md-6 c1"&gt;&lt;/div&gt;
        &lt;hr&gt;
        &lt;!--先将十二列按8:4分开，在8的基础上，将八格分成了2：8：2--&gt;
        &lt;div class="col-md-8 c1"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-md-2 c1"&gt;&lt;/div&gt;
                &lt;div class="col-md-8 c1"&gt;&lt;/div&gt;
                &lt;div class="col-md-2 c1"&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="col-md-4 c1"&gt;&lt;/div&gt;
        &lt;hr&gt;
        &lt;!--6列往右偏移4列--&gt;
        &lt;div class="col-md-6 c1 col-md-offset-4"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;!--100% 宽度，占据全部视口（viewport）的容器。--&gt;
&lt;div class="container-fluid c1"&gt;

&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果如图：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725191727937-1688552599.png" alt="" width="380" height="121" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h3 style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;栅格参数
</h3>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725191905063-1816845159.png" alt="" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;实例：从堆叠到水平排列
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	使用单一的一组&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.col-md-*</code>&nbsp;栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在 ”&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.row</code>&nbsp;内。
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;div class="row"&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
  &lt;div class="col-md-1"&gt;.col-md-1&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
  &lt;div class="col-md-8"&gt;.col-md-8&lt;/div&gt;
  &lt;div class="col-md-4"&gt;.col-md-4&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
  &lt;div class="col-md-4"&gt;.col-md-4&lt;/div&gt;
  &lt;div class="col-md-4"&gt;.col-md-4&lt;/div&gt;
  &lt;div class="col-md-4"&gt;.col-md-4&lt;/div&gt;
&lt;/div&gt;
&lt;div class="row"&gt;
  &lt;div class="col-md-6"&gt;.col-md-6&lt;/div&gt;
  &lt;div class="col-md-6"&gt;.col-md-6&lt;/div&gt;
&lt;/div&gt;</pre>
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725192101674-47335918.png" alt="" width="553" height="145" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;
</p>
<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">排版</span>
</h2>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<span style="margin:0px;padding:0px;">HTML 中的所有标题标签，<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;h1&gt;</code>&nbsp;到&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;h6&gt;</code>&nbsp;均可使用。另外，还提供了&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.h1</code>&nbsp;到&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.h6</code>&nbsp;类，为的是给内联（inline）属性的文本赋予标题的样式。</span>
</p>
<div class="table-wrapper" style="margin:0px;padding:0px;overflow-x:auto;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<table class="table" style="margin:0px;padding:0px;word-break:break-word;height:320px;width:543px;">
		<tbody style="margin:0px;padding:0px;">
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h1 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:28px;">
						h1. Bootstrap heading
					</h1>
				</td>
				<td class="type-info" style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					Semibold 36px
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;">
						h2. Bootstrap heading
					</h2>
				</td>
				<td class="type-info" style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					Semibold 30px
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h3 style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;">
						h3. Bootstrap heading
					</h3>
				</td>
				<td class="type-info" style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					Semibold 24px
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h4 style="margin:10px 0px;padding:0px;font-size:14px;">
						h4. Bootstrap heading
					</h4>
				</td>
				<td class="type-info" style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					Semibold 18px
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h5 style="margin:10px 0px;padding:0px;font-size:12px;">
						h5. Bootstrap heading
					</h5>
				</td>
				<td class="type-info" style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					Semibold 14px
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h6 style="margin:10px 0px;padding:0px;font-size:11px;">
						h6. Bootstrap heading
					</h6>
				</td>
				<td class="type-info" style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					Semibold 12px
				</td>
			</tr>
		</tbody>
	</table>
</div>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;h1&gt;h1. Bootstrap heading&lt;/h1&gt;
&lt;h2&gt;h2. Bootstrap heading&lt;/h2&gt;
&lt;h3&gt;h3. Bootstrap heading&lt;/h3&gt;
&lt;h4&gt;h4. Bootstrap heading&lt;/h4&gt;
&lt;h5&gt;h5. Bootstrap heading&lt;/h5&gt;
&lt;h6&gt;h6. Bootstrap heading&lt;/h6&gt;</pre>
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	在标题内还可以包含&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;small&gt;</code>&nbsp;标签或赋予&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.small</code>&nbsp;类的元素，可以用来标记副标题。
</p>
<div class="table-wrapper" style="margin:0px;padding:0px;overflow-x:auto;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<table class="table" style="margin:0px;padding:0px;word-break:break-word;height:254px;width:561px;">
		<tbody style="margin:0px;padding:0px;">
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h1 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:28px;">
						h1. Bootstrap heading&nbsp;<small style="margin:0px;padding:0px;">Secondary text</small>
					</h1>
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;">
						h2. Bootstrap heading&nbsp;<small style="margin:0px;padding:0px;">Secondary text</small>
					</h2>
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h3 style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;">
						h3. Bootstrap heading&nbsp;<small style="margin:0px;padding:0px;">Secondary text</small>
					</h3>
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h4 style="margin:10px 0px;padding:0px;font-size:14px;">
						h4. Bootstrap heading&nbsp;<small style="margin:0px;padding:0px;">Secondary text</small>
					</h4>
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h5 style="margin:10px 0px;padding:0px;font-size:12px;">
						h5. Bootstrap heading&nbsp;<small style="margin:0px;padding:0px;">Secondary text</small>
					</h5>
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<h6 style="margin:10px 0px;padding:0px;font-size:11px;">
						h6. Bootstrap heading&nbsp;<small style="margin:0px;padding:0px;">Secondary text</small>
					</h6>
				</td>
			</tr>
		</tbody>
	</table>
</div>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;h1&gt;h1. Bootstrap heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h1&gt;
&lt;h2&gt;h2. Bootstrap heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h2&gt;
&lt;h3&gt;h3. Bootstrap heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h3&gt;
&lt;h4&gt;h4. Bootstrap heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h4&gt;
&lt;h5&gt;h5. Bootstrap heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h5&gt;
&lt;h6&gt;h6. Bootstrap heading &lt;small&gt;Secondary text&lt;/small&gt;&lt;/h6&gt;</pre>
	<div class="cnblogs_code_toolbar" style="margin:5px 0px 0px;padding:0px;">
		<span class="cnblogs_code_copy" style="margin:0px;padding:0px 5px 0px 0px;font-family:&quot;font-size:inherit;line-height:1.5;"><a title="复制代码" style="margin:0px;padding:0px;border:none !important;"><img src="https://assets.cnblogs.com/images/copycode.gif" alt="复制代码" style="margin:0px;padding:0px;max-width:100%;border-width:initial !important;border-style:none !important;height:auto !important;" /></a></span>
	</div>
</div>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	内联文本元素
</h4>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">You can use the mark tag to &lt;mark&gt;highlight&lt;/mark&gt; text.</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725192702005-1956469552.png" alt="" width="367" height="56" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;被删除的文本
</h4>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;del&gt;This line of text is meant to be treated as deleted text.&lt;/del&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725192750908-661335314.png" alt="" width="324" height="33" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;插入文本
</h4>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;ins&gt;This line of text is meant to be treated as an addition to the document.&lt;/ins&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725193058529-1517056404.png" alt="" width="317" height="22" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;带下划线的文本
</h4>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;u&gt;This line of text will render as underlined&lt;/u&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725193206273-1179243552.png" alt="" width="225" height="21" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;小号文本
</h4>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;small&gt;This line of text is meant to be treated as fine print.&lt;/small&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725193248952-621963157.png" alt="" width="199" height="23" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;着重
</h4>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	通过增加font-weight 值强调一段文本
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;strong&gt;rendered as bold text&lt;/strong&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725193411248-933155855.png" alt="" width="292" height="26" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;改变大小写
</h4>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;p class="text-lowercase"&gt;Lowercased text.&lt;/p&gt; //<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> 文本全小写 </span>&lt;p class="text-uppercase"&gt;Uppercased text.&lt;/p&gt; //<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> 全大写 </span>&lt;p class="text-capitalize"&gt;Capitalized text.&lt;/p&gt; // 单词首字母大写</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725194004710-852011320.png" alt="" width="131" height="63" loading="lazy" style="margin:0px;padding:0px;max-width:100%;height:auto !important;" />
</p>
<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;对齐
</h2>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	通过文本对齐类，可以简单方便的将文字重新对齐。
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;p class="text-left"&gt;Left aligned text.&lt;/p&gt;
&lt;p class="text-center"&gt;Center aligned text.&lt;/p&gt;
&lt;p class="text-right"&gt;Right aligned text.&lt;/p&gt;
&lt;p class="text-justify"&gt;Justified text.&lt;/p&gt;
&lt;p class="text-nowrap"&gt;No wrap text.&lt;/p&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725194157004-353543211.png" alt="" width="516" height="97" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;表格
</h2>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	为任意&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;table&gt;</code>&nbsp;标签添加&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.table</code>&nbsp;类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。
</p>
<h3 style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	条纹状表格
</h3>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	通过&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.table-striped</code>&nbsp;类可以给&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;tbody&gt;</code>&nbsp;之内的每一行增加斑马条纹样式。
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;table class="table table-striped"&gt;<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> ... </span>&lt;/table&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	效果如图：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725194410463-2057483404.png" alt="" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;
</p>
<h3 id="tables-bordered" style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	带边框的表格
</h3>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	添加&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.table-bordered</code>&nbsp;类为表格和其中的每个单元格增加边框。
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;table class="table table-bordered"&gt;<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> ... </span>&lt;/table&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725195925982-1033493084.png" alt="" width="442" height="89" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h3 style="margin:10px 0px;padding:0px;font-size:16px;line-height:1.5;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;鼠标悬停
</h3>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	通过添加 .table-hover 类可以让 &lt;tbody&gt; 中的每一行对鼠标悬停状态作出响应
</p>
<div class="cnblogs_code" style="margin:5px 0px;padding:5px;background-color:#F5F5F5;border:1px solid #CCCCCC;overflow:auto;text-wrap-mode:wrap;font-family:&quot;">
<pre style="margin-top:0px;margin-bottom:0px;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;font-family:&quot;overflow-wrap:break-word;">&lt;table class="table table-hover"&gt;<span style="margin:0px;padding:0px;font-size:inherit;line-height:1.5;"> ... </span>&lt;/table&gt;</pre>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725200949394-798964004.png" alt="" width="331" height="79" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;状态类
</h4>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	通过这些状态类可以为行或单元格设置颜色
</p>
<div class="table-wrapper" style="margin:0px;padding:0px;overflow-x:auto;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<table class="table table-bordered table-striped" style="margin:0px;padding:0px;word-break:break-word;height:184px;width:563px;">
		<thead style="margin:0px;padding:0px;">
			<tr style="margin:0px;padding:0px;">
				<th style="margin:0px;padding:8px 14px;background-color:#FAFAFA;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					Class
				</th>
				<th style="margin:0px;padding:8px 14px;background-color:#FAFAFA;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					描述
				</th>
			</tr>
		</thead>
		<tbody style="margin:0px;padding:0px;">
			<tr style="margin:0px;padding:0px;">
				<th scope="row" style="margin:0px;padding:8px 14px;background-color:#FAFAFA;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.active</code>
				</th>
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					鼠标悬停在行或单元格上时所设置的颜色
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<th scope="row" style="margin:0px;padding:8px 14px;background-color:#FAFAFA;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.success</code>
				</th>
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					标识成功或积极的动作
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<th scope="row" style="margin:0px;padding:8px 14px;background-color:#FAFAFA;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.info</code>
				</th>
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					标识普通的提示信息或动作
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<th scope="row" style="margin:0px;padding:8px 14px;background-color:#FAFAFA;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.warning</code>
				</th>
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					标识警告或需要用户注意
				</td>
			</tr>
			<tr style="margin:0px;padding:0px;">
				<th scope="row" style="margin:0px;padding:8px 14px;background-color:#FAFAFA;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.danger</code>
				</th>
				<td style="margin:0px;padding:8px 14px;border:1px solid #C0C0C0;border-collapse:collapse;min-width:50px;">
					标识危险或潜在的带来负面影响的动作
				</td>
			</tr>
		</tbody>
	</table>
</div>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	结果：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<img src="https://img2023.cnblogs.com/blog/3195585/202307/3195585-20230725201203448-599821613.png" alt="" loading="lazy" class="medium-zoom-image" style="margin:0px;padding:0px;max-width:100%;cursor:zoom-in;height:auto !important;transition:transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;" />
</p>
<h2 style="margin:10px 0px;padding:0px;line-height:1.5;font-size:21px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	&nbsp;表单
</h2>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	单独的表单控件会被自动赋予一些全局样式。所有设置了&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.form-control</code>&nbsp;类的&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;input&gt;</code>、<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;textarea&gt;</code>&nbsp;和&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;select&gt;</code>&nbsp;元素都将被默认设置宽度属性为&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">width: 100%;</code>。 将&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">label</code>&nbsp;元素和前面提到的控件包裹在&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.form-group</code>&nbsp;中可以获得最好的排列。
</p>
<h4 style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	内联表单：
</h4>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	为&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">&lt;form&gt;</code>&nbsp;元素添加&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.form-inline</code>&nbsp;类可使其内容左对齐并且表现为&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">inline-block</code>&nbsp;级别的控件。只适用于视口（viewport）至少在 768px 宽度时（视口宽度再小的话就会使表单折叠）。
</p>
<h4 id="forms-horizontal" style="margin:10px 0px;padding:0px;font-size:14px;font-family:verdana, Arial, Helvetica, sans-serif;text-wrap-mode:wrap;background-color:#FFFFFF;">
	水平排列的表单
</h4>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	通过为表单添加&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.form-horizontal</code>&nbsp;类，并联合使用 Bootstrap 预置的栅格类，可以将&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">label</code>&nbsp;标签和控件组水平并排布局。这样做将改变&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.form-group</code>&nbsp;的行为，使其表现为栅格系统中的行（row），因此就无需再额外添加&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">.row</code>&nbsp;了。
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	具体详情使用，参照下方链接：
</p>
<p style="margin:10px auto;padding:0px;color:#333333;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<a href="https://v3.bootcss.com/css/" rel="noopener nofollow" style="margin:0px;padding:0px;text-decoration-line:none;color:#000000;border-bottom:1px dotted #333333;">全局 CSS 样式 · Bootstrap v3 中文文档 | Bootstrap 中文网 (bootcss.com)</a>
</p>]]></description>
    <pubDate>Mon, 26 May 2025 19:22:20 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=109</guid>

</item>
<item>
    <title>Java构造器初始化</title>
    <link>http://www.myblogs8.cn/emlog6/?post=108</link>
    <description><![CDATA[<h1 class="postTitle" style="margin:0px 0px 20px;padding:0px;font-size:28px;font-weight:400;line-height:1.8;color:#333333;font-family:&quot;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<a id="cb_post_title_url" class="postTitle2 vertical-middle" href="https://www.cnblogs.com/txzn/p/15810158.html" title="发布于 2022-01-16 14:55" style="margin:0px;padding:0px;color:#333333;text-decoration-line:none;"><span role="heading" aria-level="2" style="margin:0px;padding:0px;vertical-align:middle;">java 初始化</span></a>
</h1>
<div class="clear" style="margin:0px;padding:0px;clear:both;color:#7D8B8D;font-family:&quot;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
</div>
<div class="postBody" style="margin:0px;padding:0px;color:#7D8B8D;font-family:&quot;font-size:14px;text-wrap-mode:wrap;background-color:#FFFFFF;">
	<div id="cnblogs_post_body" class="blogpost-body cnblogs-markdown" style="margin:0px 0px 20px;padding:0px;color:#333333;line-height:1.8;word-break:break-word;">
		<h1 id="初始化" style="margin:10px 0px;padding:0px;font-size:28px;line-height:1.5;">
			初始化
		</h1>
		<blockquote style="margin:0px;padding:5px 10px;background-image:none;border-top:none;border-right:none;border-bottom:none;border-left:5px solid #DDDDDD;border-image:initial;color:#555555;">
			<p style="margin-top:0px;margin-bottom:0px;padding:0px;color:#777777;">
				这里的主要内容是&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">初始化</code>相关的内容，其中还会穿插其他的内容
			</p>
			<ol style="margin:0px 0px 1em 40px;padding:0px;">
				<li style="margin:0px;padding:0px;list-style:inherit;">
					构造器初始化
				</li>
				<li style="margin:0px;padding:0px;list-style:inherit;">
					静态数据初始化
				</li>
				<li style="margin:0px;padding:0px;list-style:inherit;">
					显示的静态初始化
				</li>
				<li style="margin:0px;padding:0px;list-style:inherit;">
					非静态实例初始化
				</li>
			</ol>
			<p style="margin-top:0px;margin-bottom:0px;padding:0px;color:#777777;">
				穿插内容
			</p>
			<ol style="margin:0px 0px 1em 40px;padding:0px;">
				<li style="margin:0px;padding:0px;list-style:inherit;">
					构造器
				</li>
				<li style="margin:0px;padding:0px;list-style:inherit;">
					方法重载
				</li>
				<li style="margin:0px;padding:0px;list-style:inherit;">
					this关键字
				</li>
				<li style="margin:0px;padding:0px;list-style:inherit;">
					static 关键字
				</li>
			</ol>
		</blockquote>
		<h2 id="构造器初始化" style="margin:20px 0px;padding:0px;font-size:21px;line-height:1.5;">
			构造器初始化
		</h2>
		<blockquote style="margin:0px;padding:5px 10px;background-image:none;border-top:none;border-right:none;border-bottom:none;border-left:5px solid #DDDDDD;border-image:initial;color:#555555;">
			<p style="margin-top:0px;margin-bottom:0px;padding:0px;color:#777777;">
				构造器
			</p>
		</blockquote>
		<p style="margin:10px auto;padding:0px;">
			构造器是在创建对象时被调用的特殊方法。（构造器是一个方法只不过它是特殊的），之所以特殊是因为构造器没有返回值。与返回空（void）不同。一个简单的说法，普通方法就算是void，还是可以掉的，但构造器没得改。构造器是一个静态的方法，
		</p>
		<p style="margin:10px auto;padding:0px;">
			构造器中的方法名与它所在的类名相同。这是因为为了让编译器能够知道该调用那个方法。在创建对象时，编译器将为对象分配存储空间，并调用相应的构造器，这保证了你在操作对象之前，恰当的初始化了。
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">// 默认构造器</span> Apple(){
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"Hello Word"</span>);
    }
} <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Test</span>{ <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span>{ <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">apple</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			没有参数出入的构造器叫默认构造器，术语是无参构造器，有参数的叫有参构造器。
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">//有参构造器</span> Apple(String a){
        System.out.println(a);
    }
} <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Test</span>{ <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span>{ <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">apple</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"Hello Word"</span>);
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			如果&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">Apple(String)</code>&nbsp;是类里唯一一个构造器，那么你在创建对象时必须传入参数。
		</p>
		<blockquote style="margin:0px;padding:5px 10px;background-image:none;border-top:none;border-right:none;border-bottom:none;border-left:5px solid #DDDDDD;border-image:initial;color:#555555;">
			<p style="margin-top:0px;margin-bottom:0px;padding:0px;color:#777777;">
				注意：在java中初始与创建是捆绑在一起的，二者不能分离
			</p>
		</blockquote>
		<p style="margin:10px auto;padding:0px;">
			默认构造器在没有其它的构造器时，编译器会自动创建一个默认构造器，如果类中有了构造器（无论是否有参数），编译器就不会自动创建了。如果没有构造器，就无法创建对象。
		</p>
		<p style="margin:10px auto;padding:0px;">
			像下边这么写就会编译器会报错，因为 编译器没有找到&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">new Apple();</code>&nbsp;没有参数的构造器
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> {
    Apple(String a){
        System.out.println(a);
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">t</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{ <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">return</span>;
    }
} <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Test</span>{ <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span>{ <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">apple</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			像下边加一个无参构造器即可。
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> {
    Apple(){
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"Hello Word"</span>);
    }
    Apple(String a){
        System.out.println(a);
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">t</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{ <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">return</span>;
    }
} <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Test</span>{ <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span>{ <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">apple</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			在上边的&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">Apple</code>&nbsp;类中，两个构造器它们名字相同，传入的参数不同，这种写法叫&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">方法重载</code>，在普通方法中也同样适用
		</p>
		<h2 id="方法重载" style="margin:20px 0px;padding:0px;font-size:21px;line-height:1.5;">
			方法重载
		</h2>
		<p style="margin:10px auto;padding:0px;">
			方法重载就好比相同的词可以表达不同的含义，重载方法名字要相同其中一个重要原因是因为构造器，的名字要与类名相同，这样只有一个构造器名，就可用多种方式创建一个对象。普通方法的重载也和构造器一样。
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/*   重载构造器   */</span> Apple(){
        
    }
    
    Apple(String name){
        
    }
    
    Apple(String name, Integer num){
        
    }
    
    Apple(Integer num, String name){
        
    } <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/*   重载的方法  */</span> <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/**
     * 获取苹果
     */</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">getApple</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{
        
    } <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/**
     * 获取特定品种的苹果
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> type 品种
     */</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">getApple</span><span class="hljs-params" style="margin:0px;padding:0px;">(String type)</span>{
        
    } <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/**
     * 获取特定品种，即某一数量的苹果
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> type 苹果品种
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> num 苹果数量
     */</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">getApple</span><span class="hljs-params" style="margin:0px;padding:0px;">(String type, Integer num)</span>{
        
    } <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/**
     * 获取特定品种，即某一数量的苹果
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> num 苹果品种
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> type 苹果数量
     */</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">getApple</span><span class="hljs-params" style="margin:0px;padding:0px;">(Integer num, String type)</span>{
        
    }
    
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			java区分方法名相同的方法，是根据每个方法的独一无二的参数列表去区分的。
		</p>
		<p style="margin:10px auto;padding:0px;">
			如下这种情况虽然java允许 ，也最好不要用，因为会使得程序难以维护
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"> Apple(String name, Integer num){
        
    }
    
    Apple(Integer num, String name){
        
    } <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/**
     * 获取特定品种，即某一数量的苹果
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> type 苹果品种
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> num 苹果数量
     */</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">getApple</span><span class="hljs-params" style="margin:0px;padding:0px;">(String type, Integer num)</span>{
        
    } <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/**
     * 获取特定品种，即某一数量的苹果
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> num 苹果品种
     * <span class="hljs-doctag" style="margin:0px;padding:0px;color:#808080;">@param</span> type 苹果数量
     */</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">getApple</span><span class="hljs-params" style="margin:0px;padding:0px;">(Integer num, String type)</span>{
        
    } </code></pre>
		<blockquote style="margin:0px;padding:5px 10px;background-image:none;border-top:none;border-right:none;border-bottom:none;border-left:5px solid #DDDDDD;border-image:initial;color:#555555;">
			<p style="margin-top:0px;margin-bottom:0px;padding:0px;color:#777777;">
				拓展：java为什么不用返回区重载方法。
			</p>
		</blockquote>
		<p style="margin:10px auto;padding:0px;">
			有的时候并不需要一个方法返回东西，只需要方法本身的作用。
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">test</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{
        a();
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">test</span><span class="hljs-params" style="margin:0px;padding:0px;">(String name)</span>{
        b(name);
    } </code></pre>
		<h2 id="this-关键字" style="margin:20px 0px;padding:0px;font-size:21px;line-height:1.5;">
			this 关键字
		</h2>
		<p style="margin:10px auto;padding:0px;">
			this关键字只能在方法内部使用，表示“调用方法的那个对象”。比如在Apple类的后一个方法中使用了this，this代表的就是Apple类。
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">getApple</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{

    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">juice</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{ <span class="hljs-built_in" style="margin:0px;padding:0px;color:#0000FF;">this</span>.getApple();
    }
} </code></pre>
		<blockquote style="margin:0px;padding:5px 10px;background-image:none;border-top:none;border-right:none;border-bottom:none;border-left:5px solid #DDDDDD;border-image:initial;color:#555555;">
			<p style="margin-top:0px;margin-bottom:0px;padding:0px;color:#777777;">
				注意：在上边的 juice() 方法中有调用，同一个类中的方法 getApple() ，在这里是没有必要加 this的，因为编译器会自动帮忙加上。虽然手动加也可以，不过高级语言之所以高级，其中一个原因就是它可以帮助我们省略一些重复的事情。
			</p>
		</blockquote>
		<p style="margin:10px auto;padding:0px;">
			只用当需要指明当前对象时才需要使用 this
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">AppleNum</span> { <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">private</span> <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">appleNum</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">0</span>; <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> AppleNum <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">sumAppleNum</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{
        appleNum ++; <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">return</span> <span class="hljs-built_in" style="margin:0px;padding:0px;color:#0000FF;">this</span>;
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">print</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"总和："</span> + appleNum);
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span> { <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">AppleNum</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">appleNum</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">AppleNum</span>();
        appleNum.sumAppleNum().sumAppleNum().sumAppleNum().print();
    }

} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			如上代码 sumAppleNum() 方法返回的 appleNum 对象的引用，从而使得可以循环调用 sumAppleNum() 方法。
		</p>
		<p style="margin:10px auto;padding:0px;">
			this 可以有参数列表用于构造器调用构造器，构造器不能使用方法名调用构造器，也不能在普通方法普通方法中。在同一个构造其中 this只能调用一个构造器。
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"> AppleNum(){ <span class="hljs-built_in" style="margin:0px;padding:0px;color:#0000FF;">this</span>(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"a"</span>);
        
    }
    AppleNum(String type){ <span class="hljs-built_in" style="margin:0px;padding:0px;color:#0000FF;">this</span>(<span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">3</span>);
    }
    AppleNum(Integer i){

    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> AppleNum <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">sumAppleNum</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{ <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">// this(3)  编译器会报错</span> } </code></pre>
		<h2 id="成员初始化" style="margin:20px 0px;padding:0px;font-size:21px;line-height:1.5;">
			成员初始化
		</h2>
		<p style="margin:10px auto;padding:0px;">
			如果类中的基本类型字段没有初始化，那java会为他们赋上默认值
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">boolean</span> t ; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">char</span> c; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">byte</span> b; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">short</span> s; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> i; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">long</span> l; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">float</span> f; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">double</span> d;
    Apple apple; <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">get</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{
        System.out.println(t);
        System.out.println(c);
        System.out.println(b);
        System.out.println(s);
        System.out.println(i);
        System.out.println(l);
        System.out.println(f);
        System.out.println(d);
        System.out.println(apple);
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span> { <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">apple</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
        apple.get();
    }

} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			从上边代码可以看出，基本类型变量没赋值，java会默认赋上初始值。对象赋上&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">null</code>，初始化的顺序，影响着程序的正确性。
		</p>
		<h2 id="静态数据初始化" style="margin:20px 0px;padding:0px;font-size:21px;line-height:1.5;">
			静态数据初始化
		</h2>
		<p style="margin:10px auto;padding:0px;">
			除非用 new 创建对象，否则实际上并未获得任何对象。如果不想创建对象也能调用某一方法或属性，就可以使用static 关键字。当声明一个事物是&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">static</code>&nbsp;时，就意味着这个域或方法不会它所在的类的对象实例关联在一起。
		</p>
		<blockquote style="margin:0px;padding:5px 10px;background-image:none;border-top:none;border-right:none;border-bottom:none;border-left:5px solid #DDDDDD;border-image:initial;color:#555555;">
			<p style="margin-top:0px;margin-bottom:0px;padding:0px;color:#777777;">
				static关键字
			</p>
		</blockquote>
		<p style="margin:10px auto;padding:0px;">
			加上了&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">static</code>关键字，即为静态成员变量。
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">i</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">1</span>; <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">get</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span>{
        
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span> {
        Apple.get(); <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">num</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> Apple.i;
    }

} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			上边展示了 static 关键字的基本用法，不用 new 对象也可以调用方法，虽然不用创建对象也可以调用方法，并不是说每个方法都加上&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">static</code>, 如果你的代码是这样，那你就得考虑一些你代码的设计问题了。
		</p>
		<p style="margin:10px auto;padding:0px;">
			下边是加了&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">static</code>，与没加&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">static</code>&nbsp;的区别
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">i</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">1</span>; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">b</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">2</span>; <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">get</span><span class="hljs-params" style="margin:0px;padding:0px;">()</span> {
        System.out.println(i);
        System.out.println(b);
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">set</span><span class="hljs-params" style="margin:0px;padding:0px;">(<span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> b)</span>{ <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">// 这里因为入参的名字，与字段名相同 一般使用 this 将其区分</span> <span class="hljs-built_in" style="margin:0px;padding:0px;color:#0000FF;">this</span>.b = b;
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span> { <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">a</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>(); <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">b</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
        a.get();
        b.get(); <span class="hljs-comment" style="margin:0px;padding:0px;color:#008000;">/*====*/</span> System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">" /*====*/ "</span>);
        Apple.i = <span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">10</span>;
        b.set(<span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">3</span>);
        a.set(<span class="hljs-number" style="margin:0px;padding:0px;color:#880000;">4</span>);

        a.get();
        b.get();
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			通过上边的输出返现 ， a b 两个对象在输出 i 时是相同的，a.i b.i指向了同一个内存地址。这也说明多了无论创建多少对象，静态数据都只占一份存储区域。
		</p>
		<p style="margin:10px auto;padding:0px;">
			静态初始化只有在必要时刻才会进行，例如，如果创建 Apple 对象 或者 不调用 Apple.i 那静态的 i 永远不会被创建出来。
		</p>
		<p style="margin:10px auto;padding:0px;">
			关键字&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">this</code>&nbsp;不可以在静态方法中使用。关键字&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">this</code>&nbsp;代表的是对象的引用，而静态方法不依赖于类的具体对象。
		</p>
		<h2 id="显示的静态初始化" style="margin:20px 0px;padding:0px;font-size:21px;line-height:1.5;">
			显示的静态初始化
		</h2>
		<p style="margin:10px auto;padding:0px;">
			多个静态初始化，可以简化成一个静态块
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> { <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> { <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> i; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">char</span> a;
        Apple c= <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>()
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			上边这么写，因为是在大括号里，意味着是局部变量除非将对象返回出去，否则外边的方法，里边的属性
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> {
    Apple c; <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> {
        c = <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
    }
} </code></pre>
		<h2 id="非静态实例初始化" style="margin:20px 0px;padding:0px;font-size:21px;line-height:1.5;">
			非静态实例初始化
		</h2>
		<p style="margin:10px auto;padding:0px;">
			非静态实例初始化，看起来和静态块非常像，区别就是没有&nbsp;<code style="margin:0px 3px;padding:0px 5px;font-family:ui-monospace, SFMono-Regular, &quot;font-size:12px;line-height:1.8;display:inline-block;overflow-x:auto;vertical-align:middle;border-radius:3px;background-color:#FBE5E1;color:#C0341D;border:none !important;">static</code>&nbsp;关键字
		</p>
<pre class="highlighter-hljs" highlighted="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> {
    Apple c;
    { <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">int</span> i; <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">char</span> a;
        c = <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			这个写法的非静态初始化主要是为了匿名内部类准备的。这保证了不管调用那个构造器这部分代码都会被自行
		</p>
<pre class="highlighter-hljs" highlighted="true" has-selection="true" style="margin:10px auto;padding:0px;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;overflow:auto;text-wrap-mode:wrap;"><code class="language-java highlighter-hljs hljs" style="margin:0px;padding:1em;font-family:&quot;transition-duration:0.2s;transition-property:background, font-size, border-color, border-radius, border-width, padding, margin, color;background:#F5F5F5;color:#444444;display:block;font-size:12px;border:1px solid #CCCCCC;border-radius:3px;overflow-x:auto;line-height:1.5;"><span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">class</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span> {
    Apple(){
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"5"</span>);
    }

    {
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"2"</span>);
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> {
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"1"</span>);
    }

    {
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"4"</span>);
    }

    {
        System.out.println(<span class="hljs-string" style="margin:0px;padding:0px;color:#A31515;">"3"</span>);
    } <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">public</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">static</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">void</span> <span class="hljs-title function_" style="margin:0px;padding:0px;color:#A31515;">main</span><span class="hljs-params" style="margin:0px;padding:0px;">(String[] args)</span> { <span class="hljs-type" style="margin:0px;padding:0px;color:#A31515;">Apple</span> <span class="hljs-variable" style="margin:0px;padding:0px;color:#008000;">apple</span> <span class="hljs-operator" style="margin:0px;padding:0px;color:#AB5656;">=</span> <span class="hljs-keyword" style="margin:0px;padding:0px;color:#0000FF;">new</span> <span class="hljs-title class_" style="margin:0px;padding:0px;color:#A31515;">Apple</span>();
    }
} </code></pre>
		<p style="margin:10px auto;padding:0px;">
			从上边的代码运行输出可以看出，静态块先被执行，然后是非静态块，最后是，构造器
		</p>
		<p style="margin:10px auto;padding:0px;">
			静态初始化块只在类第一次被加载时执行，非静态初始化块在每次创建对象时执行一次，因此创建了多少个对象，就会执行多少次非静态初始化块。
		</p>
	</div>
</div>]]></description>
    <pubDate>Thu, 01 May 2025 09:03:18 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=108</guid>

</item>
<item>
    <title>struts1 datasource</title>
    <link>http://www.myblogs8.cn/emlog6/?post=107</link>
    <description><![CDATA[<span style="font-size:16px;"> 
<pre class="prettyprint lang-xml linenums">&lt;data-sources&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;data-source key="bbsDB" type="org.apache.commons.dbcp.BasicDataSource"&gt;
		&lt;set-property property="driverClassName" value="org.gjt.mm.mysql.Driver" /&gt;
		&lt;set-property property="url" value="jdbc:mysql://localhost:3306/BBS?</pre>
<pre class="prettyprint lang-xml linenums">useUnicode=true&amp;amp;characterEncoding=UTF-8" /&gt;
		&lt;set-property property="username" value="root" /&gt;
		&lt;set-property property="password" value="123456" /&gt;
	&lt;/data-source&gt;
&lt;/data-sources&gt;</pre>
<pre class="prettyprint lang-xml linenums"></pre>
<pre class="prettyprint lang-xml linenums">


<pre class="prettyprint lang-xml linenums">&lt;data-sources&gt;
	&lt;data-source key="数据源键名" type="实现数据源的类名"&gt;
		&lt;set-property property="属性名" value="属性值" /&gt;
		。。。。。。
	&lt;/data-source&gt;
&lt;/data-sources&gt;</pre>
<br />
</pre>
</span>]]></description>
    <pubDate>Tue, 26 Mar 2024 07:35:27 +0000</pubDate>
    <author>woshiwangding</author>
    <guid>http://www.myblogs8.cn/emlog6/?post=107</guid>

</item></channel>
</rss>