W3school在线教程
html5+css3基本不兼容ie678。
一、html5
- html4 和 html5 的区别
- 标签语义化
- 智能表单的使用和规范
二、css3选择器
- 属性选择器
- 结构性伪类选择器（层级选择器/符）
- UI状态性伪类选择器
- 相邻兄弟选择器
- 其他
一、html5
1. html4 和 html5 的区别：
（1）写法更简单；
（2）标签语义化；
（3）语法更宽松；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
</body>
</html>
- 比如：生成的 meta 标签中 "/"是没有的，其实原本是有的，因为 html5 语法宽松，可以省略；除此之外，属性值不加双引号也是 html5 所允许的。但是作为一个严谨的程序员，最好不要省略。
（4）多设备跨平台；
（5）自适应网页设计；
（6）兼容性： html4+css2.0 兼容 ie6/7/8，html5不能兼容ie6/7。
2. 标签语义化
语义化就是口头化，信息直白，更好地理解：
（1）新增的语义化标签：
① 常用的语义化标签：
② 其他：
figure 配合使用；- 改良的
<ol start="3">
<li>aaaali>
<li>aaaali>
<li>aaaali>
ol>
③ 配合 js：
- 定义视频（这里的视频格式只能是
*.mp4、*.ogg 、*.webM）
- 定义音频
- 画布（用来替换 热点
；
④ 删除的 Html 标签（部分浏览器支持）：bgsound>
⑤ 完全抛弃：<![CDATA[</code> <code><nextid></code></p>
<p><strong>（2）语义化标签的优点：</strong></p>
<ul>
<li>为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构；</li>
<li>比 <code><div></code> 标签有更加丰富的含义，方便开发与维护；</li>
<li>方便搜索引擎能识别页面结构，有利于SEO；</li>
<li>方便其他设备解析（如移动设备、盲人阅读器等）；</li>
<li>有利于合作，遵守W3C标准；</li>
</ul>
<br>
<h4><b id="t13">3. 智能表单的使用和规范</b></h4>
<p><code><input type="?" /></code> 有兼容问题.<br> <strong>（1）地址栏</strong>：<code><input type="url" /></code>；输入无效地址会自动提示；</p>
<p><strong>（2）输入数字</strong>：<code><input type="number" value="2" min="1" max="10" step="1"/></code>；step 跳跃数，min 最小值，max 最大值；</p>
<p><strong>（3）输入电子邮件</strong>：<code><input type="email" required="required" multiple="multiple"/></code>；<strong>required 判断是否为空，multiple 可用逗号分隔邮件地址；</strong></p>
<p><strong>（4）拖动</strong>： <code><input type="range" step="1" max="20" min="1"/></code>；</p>
<p><strong>（5）搜索</strong>： <code><input type="search" /></code>；</p>
<p><strong>（6）颜色</strong>： <code><input type="color" value="#ff0000"/></code>；value 的值必须为6位</p>
<p><strong>（7）电话</strong>： <code><input type="tel" /></code>；</p>
<p><strong>（8）日期</strong>： <code><input type="date" /></code>；</p>
<p><strong>（9）月份</strong>： <code><input type="month" /></code>；</p>
<p><strong>（10）XX年第X周</strong>： <code><input type="week" /></code>；</p>
<p><strong>（11）时间</strong>： <code><input type="time" /></code>；</p>
<p><strong>（12）日期时间</strong>： <code><input type="datetime-local" /></code>；</p>
<ul>
<li>查看更多…</li>
</ul>
<br>
<hr>
<h3><b id="t2">二、css3选择器</b></h3>
<p>只支持ie9及ie9+，部分兼容ie8。</p>
<blockquote>
<ol>
<li>CSS即层叠样式表（Cascading StyleSheets），用于控制网页的样式和布局。</li>
<li>css 概念：</li>
</ol>
<ul>
<li>CSS3 是最新的 CSS 标准。</li>
<li>css3 是 css 技术的升级，css3 语言开发时朝着 模块化 发展的；</li>
<li>模块包括： <strong>盒子模型，列表模块，超链接方式，语言模块，背景和边框，文字特效，多栏布局</strong> 等</li>
<li><strong>css3 完全向后兼容（ie8以上），浏览器通常支持 css2。</strong></li>
</ul>
</blockquote>
<p>选择器：选择器是 css3 中的一个重要内容，使用它可以大幅度提高开发人员书写或修改样式表时的工作效率。</p>
<h4><b id="t21">1. 属性选择器：</b></h4>
<p><strong>（1）<code>[属性A]</code></strong>： 选择当前页面所有含 属性A 的元素，<strong>权重 = 10</strong>；</p>
<p><strong>（2）<code>[属性B=属性值b]</code></strong>： 选择所有 属性B=属性值b 的元素；</p>
<ul>
<li>① 属性值为<strong>数字或特殊字符</strong>必须加<strong>双引号</strong>，否则不生效。即 <code>[属性B="1"]</code>，常用于<strong>表单元素</strong>中；当属性值有多个时，此方法不适用，应该使用下面这种。</li>
<li>② 加双引号其实是为了让代码规则符合 w3c 规范。</li>
</ul>
<p><strong>（3）<code>[class="a b"]</code></strong>： 选择 <code>class="a b"</code>的元素；<br> 值为多个时必须<strong>全部写上</strong>，且要加双引号；</p>
<p><strong>（4）<code>[class~="a"]</code></strong>： 选择包含 <strong>单词为 a</strong> 的元素；<br> <a href="http://img.e-com-net.com/image/info8/335c9290b2304d28850b529b3b441c13.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/335c9290b2304d28850b529b3b441c13.png" alt="html（二）html学习-干货之 html5+css3_第2张图片" width="562" height="147" style="border:1px solid black;"></a></p>
<pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">></span></span>
[class~="a"]{background:#f9f;}
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span><span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>div1<span class="token punctuation">"</span></span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>a<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>a b<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>a b<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>aa b<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>aa b<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>ab<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>ab<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>aa ab<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>aa ab<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>aa a<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>aa a<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
</code></pre>
<p><strong>（5）<code>[class|=a]</code></strong>：选择要么为<strong>单词 a</strong> ，要么 <strong>a- 开头</strong>的完整单词的元素；<br> 注意：<code><div class="a b"></div> //错误</code>，这也就意味着，class里面只有一个单词，没有空格分隔的两个及两个以上的单词。</p>
<p><strong>（6）<code>[class^=a]</code></strong>：选择<strong>所有 a 开头的元素</strong>；<br> 注意：<code><div class="b a"></div> //错误</code></p>
<p><strong>（7）<code>[class$=a]</code></strong>：选择<strong>所有 a 结尾的元素</strong>；<br> 注意：<code><div class="b a"></div> //正确</code></p>
<p><strong>（8）<code>[class*=a]</code></strong>：选择<strong>所有带 a 的元素</strong>；</p>
<br>
<h4><b id="t22">2. 结构性伪类选择器（层级选择器/符）</b></h4>
<dl>
① 不常用：
<dd>
<p>（1）<code>:root{}</code>，选择根目录；<br> <code>:root{background:#ff0}</code> ，相当于给 <strong>html 标签</strong>设置样式（<strong>伪类权重为 10，属性选择器权重为 01</strong>）；</p>
</dd>
<dd>
<p>（2）<code>:not(元素A){}</code>，给 <strong>除了元素A</strong> 以外的所有元素设置样式；<br> 例如：<code>body :not(p){background:#000}</code>，给 <code>body</code>标签内除 <code>元素p</code> 以外的其他所有元素设置样式。</p>
</dd>
<dd>
<p>（3）<code>元素B:empty{}</code>，选择 <strong>元素B内容为空</strong> 的元素设置样式（换行和空格不算内容为空）；</p>
</dd>
<dd>
<p>（4）<code>:target{}</code>，给 <strong>当前锚点选中的元素</strong> 设置样式（锚点切换时有坑，常用 js 去做，而不用伪类）；</p>
</dd>
<strong>② 常用：</strong>
<dd>
<p>（1）<font color="#f00">元素A:first-child{}</font>，选择第一个（子）元素；<strong>元素A作为第一个子元素；</strong></p>
</dd>
<dd>
<p>（2）<font color="#f00">元素B:last-child{}</font>，选择最后一个（子）元素；</p>
</dd>
<dd>
<p>（3）<font color="#f00">元素C:nth-child(n){}</font>，n 为数字，选择第n个（子）元素（n 从 1 开始）；<strong>元素C并且该元素作为第n个子元素</strong>；</p>
</dd>
<dd>
<p>（4）<font color="#f00">元素D:nth-last-child(n){}</font>，n 为数字，选择倒数第n 个（子）元素；</p>
</dd>
<dd>
<p>（5）<font color="#f00">元素E:nth-child(odd){}</font>，选择奇数个（子）元素（从第 1 个开始）；</p>
</dd>
<dd>
<p>（6）<font color="#f00">元素F:nth-child(even){}</font>，选择偶数个（子）元素（从第 2 个开始）；</p>
</dd>
<dd>
<p>（7）<font color="#f00">元素G:nth-of-type(2){}</font>，有关这个元素的第二个（子）元素；</p>
</dd>
<dd>
<p>（8）<font color="#f00">元素H:nth-last-of-type(2){}</font>，有关这个元素的倒数第二个（子）元素；</p>
</dd>
<dd>
<p>（9）<font color="#f00">元素I:only-child{}</font>，只有 I元素 是唯一一个个（子）元素才有效；</p>
</dd>
<strong>③ n 元算法</strong>（n 是从 0 开始计算无限大的数字）：
<dd>
<p>（1）<font color="#f00">元素A:nth-child(n+2){}</font>，匹配从第二个元素开始（包括2）；</p>
</dd>
<dd>
<p>（2）<font color="#f00">元素B:nth-child(2n){}</font>，匹配偶数；</p>
</dd>
<dd>
<p>（3）<font color="#f00">元素B:nth-child(2n+1){}</font>，匹配奇数；</p>
</dd>
</dl>
<br>
<h4><b id="t23">3. UI状态性伪类选择器：</b></h4>
<p>（1）<font color="#f00">input:focus{}</font>，元素获取焦点时的状态；</p>
<p>（2）<font color="#f00">input:enabled{}</font>，元素时的状态；</p>
<p>（3）<font color="#f00">input:disabled{}</font>，元素禁用时的状态；</p>
<p>（4）<font color="#f00">input:read-only{}</font>，元素只读时的状态；<br> 只读状态：不能编辑但可以复制；禁用状态：不能编辑也不能复制</p>
<pre><code class="prism language-javascrit"><!-- 只读状态 -->
<input type="text" name="" readonly="readonly"/>
</code></pre>
<p>（5）<font color="#f00">input:read-write{}</font>，元素非只读时的状态；</p>
<p>（6）<font color="#f00">input:checked{}</font>，元素被选中时的状态；</p>
<p>（7）<font color="#f00">input:default{}</font>，元素默认有checked时的状态；</p>
<p>（8）<font color="#f00">input:indeterminate{}</font>，元素都没选中过的状态；只支持Google；</p>
<p>（9）<font color="#f00">input::selection{}</font>，元素被选取的状态；（也可以设置选取文字时的样式，只能用 color 和 background 属性）</p>
<br>
<h4><b id="t24">4. 相邻兄弟选择器：</b></h4>
<p><strong>（1）<code>li+li{}</code></strong>：选择下一个元素；</p>
<pre><code class="prism language-javascript"><span class="token operator"><</span>style<span class="token operator">></span>
div<span class="token punctuation">{
</span>display<span class="token punctuation">:</span> flex<span class="token punctuation">;</span><span class="token punctuation">}</span>
ul<span class="token punctuation">.</span>one li<span class="token operator">+</span>li<span class="token punctuation">{
</span>color<span class="token punctuation">:</span>#f00<span class="token punctuation">}</span>
ul<span class="token punctuation">.</span>two <span class="token punctuation">.</span>first<span class="token operator">+</span>li<span class="token punctuation">{
</span>color<span class="token punctuation">:</span>#f00<span class="token punctuation">;</span><span class="token punctuation">}</span>
<span class="token operator"><</span><span class="token operator">/</span>style<span class="token operator">></span>
<span class="token operator"><</span>div<span class="token operator">></span>
<span class="token operator"><</span>ul <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"one"</span><span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">1</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">2</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">3</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">4</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">5</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>ul<span class="token operator">></span>
<span class="token operator"><</span>ul <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"two"</span><span class="token operator">></span>
<span class="token operator"><</span>li <span class="token keyword">class</span><span class="token operator">=</span><span class="token string">"first"</span><span class="token operator">></span><span class="token number">1</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">2</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">3</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">4</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span>li<span class="token operator">></span><span class="token number">5</span><span class="token operator"><</span><span class="token operator">/</span>li<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>ul<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>div<span class="token operator">></span>
</code></pre>
<p><a href="http://img.e-com-net.com/image/info8/a213b93ec4264001b861ba2dcbaec06a.png" target="_blank"><img src="http://img.e-com-net.com/image/info8/a213b93ec4264001b861ba2dcbaec06a.png" alt="html（二）html学习-干货之 html5+css3_第3张图片" width="403" height="149" style="border:1px solid black;"></a><br> <strong>（2）<code>span~p{}</code></strong>：选择 <strong>span 之后</strong> 所有的同级 p 元素；</p>
<br>
<h4><b id="t25">5. 其他：</b></h4>
<p><font color="#f00">ul>li{}</font> 选择 ul 的亲儿子；</p>
<br>
<ol start="3">
<li><code>outline:1px solid #000;</code> 书写input的外框；</li>
</ol>
<br>
<hr>
<h3><b id="t3">三、文字相关属性</b></h3>
<p><font color="#f00"><strong>1. 兼容前缀</strong></font><br> （1）<font color="#f00">-o-</font> Presto<br> （2）<font color="#f00">-ms-</font> Trident<br> （3）<font color="#f00">-moz-</font> Gecko<br> （4）<font color="#f00">-webkit-</font> Webkit</p>
<dl>
很久以前
<dd>
浏览器前缀 css3 和正常 css3 都不支持；
</dd> 不久之前
<dd>
浏览器只支持前缀 css3 ，不支持正常 css3;
</dd> 现在
<dd>
有些浏览器既支持前缀 css3 ，又支持正常 css3;
</dd> 未来
<dd>
所有浏览器不支持前缀 css3 ，仅支持正常 css3;
</dd>
</dl>
<p><strong>2. 渐进增强和优雅降级</strong><br> <strong>（1）渐进增强：</strong> 一开始就针对低版本浏览器进行构建页面到高版本的变化；<br> <strong>（2）优雅降级：</strong> 一开始就构建网站针对高版本向低版本进行兼容；<br> 详细介绍……</p>
<p><strong>3. 文字相关属性</strong><br> <strong>（1）文本阴影属性（可以继承）：</strong> <code>text-shadow: x坐标 y坐标 阴影大小 颜色;</code><br> <a href="http://img.e-com-net.com/image/info8/e4d0068c89cf42e1b2934281fd61b6cb.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/e4d0068c89cf42e1b2934281fd61b6cb.jpg" alt="在这里插入图片描述" width="624" height="92"></a></p>
<pre><code class="prism language-javascript"><span class="token comment">/*多个阴影用 逗号"," 隔开*/</span>
span<span class="token punctuation">{
</span>text<span class="token operator">-</span>shadow<span class="token punctuation">:</span><span class="token number">1</span>px <span class="token number">1</span>px <span class="token number">1</span>px #f00<span class="token punctuation">,</span>
<span class="token number">2</span>px <span class="token number">2</span>px <span class="token number">1</span>px #f80<span class="token punctuation">,</span>
<span class="token number">3</span>px <span class="token number">3</span>px <span class="token number">1</span>px #ff0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<p>（2）<code>word-bread: nomal</code>（默认）/ <code>keep-all</code>（只能在半角空格或连接字符处换行）/ <code>bread-all;</code>（允许在单词内换行，将单词当文字换行）；<br> （3）<code>word-wrap: normal</code>（默认）/ <code>break-word;</code>（允许在单词内换行，单纯的换行）；<br> （4）<code>text-transform: uppercase</code>（单词都大写）/ <code>lowercase</code>（单词都小写）/ <code>capitalize;</code>（每个单词首字母大写）；</p>
<p><strong>（5）显示服务端字体：</strong><code>@font-face{}</code></p>
<pre><code class="prism language-javascript">@font<span class="token operator">-</span>face<span class="token punctuation">{
</span><span class="token comment">/*创建字体*/</span>
font<span class="token operator">-</span>family<span class="token punctuation">:</span>WebFont<span class="token punctuation">;</span><span class="token comment">/*创建字体名*/</span>
src<span class="token punctuation">:</span><span class="token function">url</span><span class="token punctuation">(</span><span class="token string">"fonts/Fontin_Sans_B_45b.otf"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">/*链接字体库*/</span>
<span class="token function">format</span><span class="token punctuation">(</span><span class="token string">"opentype"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
p<span class="token punctuation">:</span>nth<span class="token operator">-</span><span class="token function">child</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">{
</span>font<span class="token operator">-</span>family<span class="token punctuation">:</span>WebFont<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/*使用*/</span>
</code></pre>
<p><strong>示例：</strong></p>
<pre><code class="prism language-javascript">@font<span class="token operator">-</span>face<span class="token punctuation">{
</span><span class="token comment">/*创建字体*/</span>
font<span class="token operator">-</span>family<span class="token punctuation">:</span><span class="token string">"自创字体"</span><span class="token punctuation">;</span><span class="token comment">/*创建字体名*/</span>
src<span class="token punctuation">:</span><span class="token function">url</span><span class="token punctuation">(</span><span class="token string">"fonts/Fontin_Sans_B_45b.otf"</span><span class="token punctuation">)</span><span class="token punctuation">;</span><span class="token comment">/*链接字体库*/</span>
<span class="token punctuation">}</span>
p<span class="token punctuation">:</span>nth<span class="token operator">-</span><span class="token function">child</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">{
</span>font<span class="token operator">-</span>family<span class="token punctuation">:</span><span class="token string">"自创字体"</span><span class="token punctuation">;</span><span class="token punctuation">}</span>
</code></pre>
<ul>
<li>format：声明文件类型；
<ul>
<li>opentype <code>*.otf</code></li>
<li>truetype <code>*.ttf</code>
<ul>
<li><code>*eot</code>格式文件不需要声明 format</li>
</ul> </li>
</ul> </li>
</ul>
<p><strong>（6）颜色值 ：</strong> <code>rgba(十六进制,十六进制,十六进制,透明度（0-1）)</code>；<br> rgba : r->red、g->green、 b->blue 、 a->alpha（透明度）</p>
<ul>
<li><strong>opacity 与 ragba 的区别：</strong><br> 有 opacity 属性的所有后代元素都会继承 opacity 属性，而RGBA后代元素不会继承不透明属性。</li>
</ul>
<p><code>hsla(色调（0-100）,饱和度（0-100%）,亮度（0-100%）,透明度（0-1）);</code><br> <strong>（7）盒子阴影：</strong> <code>box-shadow:x轴 y轴 模糊度 颜色;</code> 可设置内阴影：<code>inset</code></p>
<pre><code class="prism language-javascript"><span class="token comment">/*多个阴影用 逗号"," 隔开*/</span>
div<span class="token punctuation">{
</span>box<span class="token operator">-</span>shadow<span class="token punctuation">:</span><span class="token number">0</span>px <span class="token number">0</span>px <span class="token number">5</span>px #f00<span class="token punctuation">,</span>
<span class="token number">0</span>px <span class="token number">0</span>px <span class="token number">10</span>px #f80<span class="token punctuation">,</span>
<span class="token number">0</span>px <span class="token number">0</span>px <span class="token number">15</span>px #ff0<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
</code></pre>
<p><strong>（8）与边框和背景有关：</strong></p>
<ul>
<li><code>background-clip: border-box / padding-box / content-box;</code> 设置背景显示区域；</li>
<li><code>background-origin: border-box / padding-box / content-box;</code> 指定绘制背景图像时的起点；</li>
<li><code>background-size: 大小或百分比 / cover / contain;</code> 指定背景中图像的尺寸；<br> cover： 按比例撑满背景； contain ： 刚好填满一遍大小的尺寸；</li>
<li><code>background-break</code></li>
<li><code>border-color</code> 边框颜色；</li>
<li><code>border-image</code>例子-12；<br> <a href="http://img.e-com-net.com/image/info8/24e818236ab448d2884b4db3920623b9.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/24e818236ab448d2884b4db3920623b9.jpg" alt="html（二）html学习-干货之 html5+css3_第4张图片" width="650" height="443" style="border:1px solid black;"></a></li>
</ul>
<p><strong>（9）圆角属性：</strong> <code>border-radius</code><br> 类似 margin 的值，想象 <strong>将方块向右旋转45°</strong>。<br> border-radius: 左上右下 右上左下;<br> border-radius: 左上 右上左下 右下;<br> border-radius: 左上 右上 右下 左下;<br> border-radius: 宽高值小的一半px; 胶囊型；<br> border-radius: 10px/10px; 左边设置水平半径，右边设置垂直半径；</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1355999386064203776"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html+css基础笔记)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1947176162606247936.htm"
title="前端学习路线推荐" target="_blank">前端学习路线推荐</a>
<span class="text-muted">oldfifteen</span>
<div>第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算</div>
</li>
<li><a href="/article/1947149176915685376.htm"
title="python基础笔记" target="_blank">python基础笔记</a>
<span class="text-muted">大大的大大</span>
<a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>输入就是print()；#括号里面双引号(“xxxx”)=单引号('xxxx')必须在一行；但是三引号"""xxxx"""='''xxx'''可以换行输出；#'''xxxnnn'''xx=open(('C:\py\py笔记.txt','a+')print('hello',file=xx)xx.close()可以在python中新建文本文本档等(看后缀)："xx"=open('C:\py\py笔记.</div>
</li>
<li><a href="/article/1946669454771417088.htm"
title="Web开发 02" target="_blank">Web开发 02</a>
<span class="text-muted">im_AMBER</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>今天梳理出的HTML+CSS核心知识点，涵盖基础结构、布局、样式优化等实用技巧：总结1一、HTML核心知识1.基础结构文档声明：定义文档为HTML5标准。基本标签：：根元素，包裹整个页面。：元数据（标题、样式、脚本等），不显示在页面。：设置网页标题（浏览器标签显示）。：页面内容容器，所有可见内容写在这里。2.常用标签文本与标题：~：标题标签，自动加粗且有默认层级样式。：段落标签，默认有上下边距。图</div>
</li>
<li><a href="/article/1946611941464141824.htm"
title="HTML+CSS简单网页练习" target="_blank">HTML+CSS简单网页练习</a>
<span class="text-muted"></span>
<div>前言运用了CSS进行简单的网页制作一、效果图二、HTML代码手机alert("欢迎—>"+prompt("请输入你的姓名")+"首页智能手机平板电脑配件服务支持关于尚合最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方新品发布新闻中心致歉公告首批尚合Aone已全部售罄！【媒体报道】国产高性价比尚合Aone四核手机评测我司产品已经通过了国家强制性产品3C认证尚合Aone智能手机入网</div>
</li>
<li><a href="/article/1946610048931262464.htm"
title="HTML+CSS制作人物介绍网页" target="_blank">HTML+CSS制作人物介绍网页</a>
<span class="text-muted">Kyra17</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>*仅作个人学习记录用*网页效果视频演示代码实现HTML部分角色简介角色故事技能介绍艾尔海森「诲韬诤言」「文弱的学术分子」米哈游出品的游戏《原神》及其衍生作品中的角色，须弥教令院六大学派之一“知论派”的学者，现任教令院书记官兼任代理贤者，有过人的智慧与才能，生活得自由自在，一般人基本找不到他。在须弥的风波结束，虚空系统关闭之后，教令院还有很多亟待解决的难题。而艾尔海森身为代理贤者，又是当前教令院中非</div>
</li>
<li><a href="/article/1946606265459339264.htm"
title="html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码" target="_blank">html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码</a>
<span class="text-muted">软件技术NINI</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E6%BA%90%E7%A0%81/1.htm">网页源码</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>目录一、网站题目二、✍️网站描述三、网站介绍四、网站效果五、代码实现HTML</div>
</li>
<li><a href="/article/1942992055273844736.htm"
title="Golang基础笔记十之goroutine和channel" target="_blank">Golang基础笔记十之goroutine和channel</a>
<span class="text-muted"></span>
<div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记十之goroutine和channel这一篇介绍Golang里的goroutine和channel通道。以下是本篇笔记目录：goroutinechannelgoroutine与channel的使用1、goroutinegoroutine是一种轻量级线程（用户态线程），由Go运行时管理而非操作系统，它是Go并发模型的核心，能高效处理大量</div>
</li>
<li><a href="/article/1942751310206005248.htm"
title="React基础笔记---小黑是小白" target="_blank">React基础笔记---小黑是小白</a>
<span class="text-muted">小黑是小白</span>
<a class="tag" taget="_blank" href="/search/react/1.htm">react</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/1024%E7%A8%8B%E5%BA%8F%E5%91%98%E8%8A%82/1.htm">1024程序员节</a>
<div>react学习前置准备学习网站网址种类React中文React中文文档文档ReactRouterReactRouter6中文文档路由ReactRouterReactRouter路由zustandzustand状态管理TanStackQueryTanStackQuery中文文档请求管理，路由reduxRTK状态管理，请求管理FetchFetch-MDN请求fontawesome图标fontaweso</div>
</li>
<li><a href="/article/1942237662211534848.htm"
title="Golang基础笔记九之方法与接口" target="_blank">Golang基础笔记九之方法与接口</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFgo%E6%96%B9%E6%B3%95%E6%8E%A5%E5%8F%A3%E7%B1%BB%E5%9E%8B%E5%88%A4%E6%96%AD/1.htm">后端go方法接口类型判断</a>
<div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记九之方法与接口本篇笔记介绍Golang里方法和接口，以下是本篇笔记目录：方法接口用结构体实现类的功能1、方法首先介绍一下方法。方法是与特定类型关联的函数，我们在实现一个函数前，绑定一个类型，就实现了这个类型的方法。比如我们想实现一个结构体的方法，可以如下操作：typePersonstruct{ Namestring Age int</div>
</li>
<li><a href="/article/1940793889296281600.htm"
title="C#基础笔记" target="_blank">C#基础笔记</a>
<span class="text-muted">gmf532196</span>
<a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a><a class="tag" taget="_blank" href="/search/CLR/1.htm">CLR</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a>
<div>普通方法中获取类名：this.GetType().Name静态方法中获取类名：MethodBase.GetCurrentMethod().ReflectedType.Name1.获取当前执行方法的类名：System.Reflection.MethodBase.GetCurrentMethod().DeclaringType.Name;2.获取当前成员的名称：MethodBase.GetCurren</div>
</li>
<li><a href="/article/1940628715977371648.htm"
title="AJAX 安装使用教程" target="_blank">AJAX 安装使用教程</a>
<span class="text-muted">小奇JAVA面试</span>
<a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/1.htm">安装使用教程</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>一、AJAX简介AJAX（AsynchronousJavaScriptandXML）是一种在无需重新加载整个网页的情况下，能够与服务器交换数据并更新部分网页内容的技术。它不是一种新语言，而是使用现有的标准组合：JavaScript+XMLHttpRequest（或Fetch）+HTML+CSS。二、AJAX是否需要安装？不需要单独安装！AJAX是浏览器原生支持的技术，主流浏览器均内置XMLHttp</div>
</li>
<li><a href="/article/1940489265360203776.htm"
title="＜电子幽灵＞开发笔记:BAT基础笔记(一）" target="_blank">＜电子幽灵＞开发笔记:BAT基础笔记(一）</a>
<span class="text-muted"></span>
<div>BAT脚本基础笔记(一)介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：作为低代码工具的笔记，这里会用特殊字体表示要用到的函数等等。请若要学习，请结合相关工具边用边学。BAT基础笔记（一）BAT脚本基础笔记(一)介绍简介在哪里编写BAT代码？BAT基本语法1.基本命</div>
</li>
<li><a href="/article/1940489139090681856.htm"
title="＜电子幽灵＞前端第一件：HTML基础笔记下" target="_blank">＜电子幽灵＞前端第一件：HTML基础笔记下</a>
<span class="text-muted">靈镌sama</span>
<a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%B9%BD%E7%81%B5%E9%9A%8F%E6%89%8B%E8%AE%B0/1.htm">电子幽灵随手记</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>HTML基础笔记（下）介绍费曼学习法最重要的部分，即把知识教给一个完全不懂的孩子——或者小白。为了更好的自我学习，也为了让第一次接触某个知识范畴的同学快速入门，我会把我的学习笔记整理成电子幽灵系列。提示：文章的是以解释-代码块-解释的结构呈现的。当你看到代码块并准备复制复现的时候，最好先保证自己看过了代码块前后的解释。＜电子幽灵＞前端第一件：HTML基础笔记上中，最基础的一部分HTML标签和已经以</div>
</li>
<li><a href="/article/1940473391131717632.htm"
title="Golang基础笔记八之函数" target="_blank">Golang基础笔记八之函数</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFgo%E5%87%BD%E6%95%B0%E9%97%AD%E5%8C%85/1.htm">后端go函数闭包</a>
<div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记八之函数本篇笔记介绍Golang里函数相关的内容，以下是本篇笔记目录：函数的定义语法函数返回值可变参数函数匿名函数闭包1、函数的定义语法函数的定义格式如下：func函数名(参数列表)(返回值列表){函数体}比如下面是一个两数相加返回其和的函数：funcadd(a,bint)int{ returna+b}调用的话，直接传参调用即可：s</div>
</li>
<li><a href="/article/1939715588666486784.htm"
title="Golang基础笔记七之指针，值类型和引用类型" target="_blank">Golang基础笔记七之指针，值类型和引用类型</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AFgo%E6%8C%87%E9%92%88%E5%BC%95%E7%94%A8/1.htm">后端go指针引用</a>
<div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记七之指针，值类型和引用类型本篇笔记介绍Golang里的指针，值类型与引用类型相关的概念，以下是本篇笔记目录：指针值类型与引用类型内存逃逸减少内存逃逸的几种方案1、指针在计算机内存中，每个变量都存储在特定的内存地址上，而指针是一种特殊的变量，它存储的是一个变量的内存地址。我们可以通过指针访问变量的内存地址，也可以通过指针访问或修改这个变</div>
</li>
<li><a href="/article/1939022783023476736.htm"
title="Python个人学习基础笔记-3.爬虫（1）" target="_blank">Python个人学习基础笔记-3.爬虫（1）</a>
<span class="text-muted">孜宸润泽</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>一.爬虫的定义爬虫（crawler/spider）是模拟浏览器行为，按照编写规则，自动接收网页信息的工具。通常而言爬虫首先从初始URL集选择URL，向目标网页发起请求，获取网页的HTML源码，然后将获取的数据进行解析过滤，保存我们所需要的标题、内容等，最后提取新的URL加入待爬序列。爬虫常见所需要的库包括Request库、BeautifulSoup4库、Scrapy库和Selenium库等。二.R</div>
</li>
<li><a href="/article/1938881173027614720.htm"
title="Python训练营打卡——DAY16（2025.5.5）" target="_blank">Python训练营打卡——DAY16（2025.5.5）</a>
<span class="text-muted">cosine2025</span>
<a class="tag" taget="_blank" href="/search/Python%E8%AE%AD%E7%BB%83%E8%90%A5%E6%89%93%E5%8D%A1/1.htm">Python训练营打卡</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a>
<div>目录一、NumPy数组基础笔记1.理解数组的维度(Dimensions)2.NumPy数组与深度学习Tensor的关系3.一维数组(1DArray)4.二维数组(2DArray)5.数组的创建5.1数组的简单创建5.2数组的随机化创建5.3数组的遍历5.4数组的运算6.数组的索引6.1一维数组索引6.2二维数组索引6.3三维数组索引二、SHAP值的深入理解三、总结1.NumPy数组基础总结2.SH</div>
</li>
<li><a href="/article/1938216680316530688.htm"
title="HTML+CSS快速入门" target="_blank">HTML+CSS快速入门</a>
<span class="text-muted">二十十十十十</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在本文章开篇之前，需要先提前准备好代码运行环境，首先需要准备好VisualStudioCode用来编写代码，然后找一个适合的浏览器，用来看代码的运行效果。建议使用谷歌浏览器，当然电脑自带的浏览器也是可以的。快捷键生成浏览器文件：！+回车代码格式化：shift+Alt+F向上或向下移动一行：Alt+上方向键，Alt+下方向键快速复制一行代码：shift+Alt+上/下方向键保存：Ctrl+S快速查找</div>
</li>
<li><a href="/article/1937385374984761344.htm"
title="Golang基础笔记四之map" target="_blank">Golang基础笔记四之map</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/go%E5%90%8E%E7%AB%AFmap/1.htm">go后端map</a>
<div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记四之map这一篇笔记介绍Golang里map相关的内容，以下是本篇笔记目录：map的概念及其声明与初始化map的增删改查map的遍历1、map的概念及其声明与初始化map，即映射，是Golang里无序键值对的集合。以下是创建map的两种方式。1.使用make的方式创建m:=make(map[string]int)m["Hunter"]</div>
</li>
<li><a href="/article/1935956577081159680.htm"
title="Golang基础笔记二之字符串及其操作" target="_blank">Golang基础笔记二之字符串及其操作</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/go%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%A4%84%E7%90%86/1.htm">go字符串字符串处理</a>
<div>本文首发于公众号：Hunter后端原文链接：Golang基础笔记二之字符串及其操作这一篇笔记主要介绍Golang字符串相关处理，以下是本篇笔记目录：字符串的定义和初始化字符字符串操作1、字符串的定义和初始化在Go里，我们可以使用双引号和反引号来对定义字符串。1.双引号双引号用于创建解释型字符串字面量，这种字符串是支持转义字符的，比如我们在字符串中夹带换行符\n，这样在输出的时候，会自动进行换行：s</div>
</li>
<li><a href="/article/1935930363503243264.htm"
title="css基础笔记简洁版1" target="_blank">css基础笔记简洁版1</a>
<span class="text-muted">希希不嘻嘻～傻希希</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
<div>CSS基础笔记1一、CSS简介CSS（层叠样式表）用于为网页添加样式，实现结构与样式分离，能够控制颜色、字体、布局、位置、动画等视觉效果。二、基本语法选择器{属性1:值1;属性2:值2;}说明：选择器：选中目标元素属性:值：设置样式每条声明用;结尾，属性和值用:分隔三、CSS的三种写法行内样式（不推荐）：你好内部样式表：p{color:red;}外部样式表（推荐）：四、基础选择器类型写法说明标签选</div>
</li>
<li><a href="/article/1934338476858208256.htm"
title="HTML5+CSS3小实例：文本背景扫光效果" target="_blank">HTML5+CSS3小实例：文本背景扫光效果</a>
<span class="text-muted">艾恩小灰灰</span>
<a class="tag" taget="_blank" href="/search/HTML%2BCSS%2BJS%E5%B0%8F%E5%AE%9E%E4%BE%8B/1.htm">HTML+CSS+JS小实例</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>实例：文本背景扫光效果技术栈：HTML+CSS效果：源码：【html】<head</div>
</li>
<li><a href="/article/1934071482019803136.htm"
title="Python个人学习基础笔记-1.time库" target="_blank">Python个人学习基础笔记-1.time库</a>
<span class="text-muted"></span>
<div>一.库简介time库是用来处理时间相关的标准库，主要有三个较为重要的库和对应的库函数：time、datetime和calendar。importtimeimportdatetimeimportcalendar其中datetime库是使用更为广泛的库，支持时间的数学运算。表1给出一些重要的时间类格式字符格式符号含义示例输出%Y4位年份2025%m月份（两位数，01-12）1%B月份全称January</div>
</li>
<li><a href="/article/1933796516623872000.htm"
title="浅浅整理-前端技术发展" target="_blank">浅浅整理-前端技术发展</a>
<span class="text-muted">weixin_46473496</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前端技术发展全链路解析（1990-2025）技术演进阶段划分1.洪荒时代（1990-1999）技术突破：1991：HTML1.0（TimBerners-Lee）1994：CSS提案（HåkonWiumLie）1995：JavaScript诞生（BrendanEich）核心产物：静态网页（HTML+CSS）表格布局与框架集浏览器战争（NetscapevsIE）2.动态网页革命（2000-2009）技</div>
</li>
<li><a href="/article/1932857938263732224.htm"
title="HTML+CSS小白入门与进阶教程" target="_blank">HTML+CSS小白入门与进阶教程</a>
<span class="text-muted">郑宜维David</span>
<div>HTML+CSS小白入门与进阶教程【下载地址】HTMLCSS小白入门与进阶教程分享HTML+CSS小白入门与进阶教程欢迎来到《HTML+CSS小白入门与进阶教程》资源页面！本教程专为Web开发初学者设计，由CSDN上的资深博主倾情分享，旨在帮助你快速踏入网页设计的大门项目地址:https://gitcode.com/Resource-Bundle-Collection/4d4e1欢迎来到《HTML</div>
</li>
<li><a href="/article/1931261569052766208.htm"
title="HTML+CSS大作业：简易购物网站（4页）" target="_blank">HTML+CSS大作业：简易购物网站（4页）</a>
<span class="text-muted">奥利奥ala</span>
<a class="tag" taget="_blank" href="/search/html%E5%9F%BA%E7%A1%80%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C/1.htm">html基础网页制作</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a>
<div>html作业中高水平制作，适用于有一定基础的同学，页面排版干净，固定导航栏加上轮播图，采用了html+css来实现布局，在登录界面用了一小段js来作为输入框的判断，非常适合想要突破技术的同学学习使用,这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计购物网站并将其转换为代码的过程来实践设计。难度系数：★★★★☆一、网站题目简易购物商城、购物网站，购物商城等等二、网站描述本网站是以购</div>
</li>
<li><a href="/article/1931244678615724032.htm"
title="day 16 5.10" target="_blank">day 16 5.10</a>
<span class="text-muted">AщYΘ</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>知识点：numpy数组的创建：简单创建、随机创建、遍历、运算numpy数组的索引：一维、二维、三维SHAP值的深入理解##NumPy数组基础笔记###1.理解数组的维度(Dimensions)NumPy数组的**维度(Dimension)**或称为**轴(Axis)**的概念，与我们日常理解的维度非常相似。***直观判断:**数组的维度层数通常可以通过打印输出时**中括号`[]`的嵌套层数**来初</div>
</li>
<li><a href="/article/1931173832069017600.htm"
title="HTML+CSS制作网页（率土）" target="_blank">HTML+CSS制作网页（率土）</a>
<span class="text-muted">楠目</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>注意：本网页为自定义字体不能直接使用想看效果自行删除自定义字体或者去下载自定义字体（https://font.chinaz.com/）1、注册页面Documentbody{background-image:url("https://pic.kts.g.mi.com/3d1358b0bc7fef1e4497493964e2e38f1790956218722870038.png");backgroun</div>
</li>
<li><a href="/article/1929760220481908736.htm"
title="HTML学生作业网页：使用HTML+CSS技术实现非遗文化网页设计题材【汉服文化—共12个页面】" target="_blank">HTML学生作业网页：使用HTML+CSS技术实现非遗文化网页设计题材【汉服文化—共12个页面】</a>
<span class="text-muted">@码出未来-web网页设计</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div>
</li>
<li><a href="/article/1928920403376402432.htm"
title="Spark基础笔记之启动命令顺序" target="_blank">Spark基础笔记之启动命令顺序</a>
<span class="text-muted">java刘先生</span>
<a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a>
<div>系统环境（三台虚拟机）node1192.168.32.101（主）node2192.168.32.102node3192.168.32.1031、启动hdfs、yarn、historyserver（hadoop用户启动）#启动dfs，启动后的服务名：DataNode、SecondaryNameNode、NameNodesh/export/hadoop/sbin/start-dfs.sh#启动yar</div>
</li>
<li><a href="/article/116.htm"
title="ViewController添加button按钮解析。（翻译）" target="_blank">ViewController添加button按钮解析。（翻译）</a>
<span class="text-muted">张亚雄</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a>
<div><div class="it610-blog-content-contain" style="font-size: 14px"></div>// ViewController.m
// Reservation software
//
// Created by 张亚雄 on 15/6/2.
</div>
</li>
<li><a href="/article/243.htm"
title="mongoDB 简单的增删改查" target="_blank">mongoDB 简单的增删改查</a>
<span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a>
<div> 在上一篇文章中我们已经讲了mongodb怎么安装和数据库/表的创建。在这里我们讲mongoDB的数据库操作
在mongo中对于不存在的表当你用db.表名 他会自动统计
下边用到的user是表明，db代表的是数据库
添加(insert):
</div>
</li>
<li><a href="/article/370.htm"
title="log4j配置" target="_blank">log4j配置</a>
<span class="text-muted">0624chenhong</span>
<a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a>
<div>1) 新建java项目
2) 导入jar包，项目右击，properties—java build path—libraries—Add External jar，加入log4j.jar包。
3) 新建一个类com.hand.Log4jTest
package com.hand;
import org.apache.log4j.Logger;
public class </div>
</li>
<li><a href="/article/497.htm"
title="多点触摸(图片缩放为例)" target="_blank">多点触摸(图片缩放为例)</a>
<span class="text-muted">不懂事的小屁孩</span>
<a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%82%B9%E8%A7%A6%E6%91%B8/1.htm">多点触摸</a>
<div>多点触摸的事件跟单点是大同小异的，上个图片缩放的代码，供大家参考一下
import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener</div>
</li>
<li><a href="/article/624.htm"
title="有关浏览器窗口宽度高度几个值的解析" target="_blank">有关浏览器窗口宽度高度几个值的解析</a>
<span class="text-muted">换个号韩国红果果</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>1 元素的 offsetWidth 包括border padding content 整体的宽度。
clientWidth 只包括内容区 padding 不包括border。
clientLeft = offsetWidth -clientWidth 即这个元素border的值
offsetLeft 若无已定位的包裹元素</div>
</li>
<li><a href="/article/751.htm"
title="数据库产品巡礼：IBM DB2概览" target="_blank">数据库产品巡礼：IBM DB2概览</a>
<span class="text-muted">蓝儿唯美</span>
<a class="tag" taget="_blank" href="/search/db2/1.htm">db2</a>
<div>IBM DB2是一个支持了NoSQL功能的关系数据库管理系统，其包含了对XML，图像存储和Java脚本对象表示（JSON）的支持。DB2可被各种类型的企 业使用，它提供了一个数据平台，同时支持事务和分析操作，通过提供持续的数据流来保持事务工作流和分析操作的高效性。 DB2支持的操作系统
DB2可应用于以下三个主要的平台:
工作站，DB2可在Linus、Unix、Windo</div>
</li>
<li><a href="/article/878.htm"
title="java笔记5" target="_blank">java笔记5</a>
<span class="text-muted">a-john</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>控制执行流程：
1，true和false
利用条件表达式的真或假来决定执行路径。例：（a==b）。它利用条件操作符“==”来判断a值是否等于b值，返回true或false。java不允许我们将一个数字作为布尔值使用，虽然这在C和C++里是允许的。如果想在布尔测试中使用一个非布尔值，那么首先必须用一个条件表达式将其转化成布尔值，例如if(a!=0)。
2，if-els</div>
</li>
<li><a href="/article/1005.htm"
title="Web开发常用手册汇总" target="_blank">Web开发常用手册汇总</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
<div>一门技术，如果没有好的参考手册指导,很难普及大众。这其实就是为什么很多技术，非常好，却得不到普遍运用的原因。
正如我们学习一门技术，过程大概是这个样子：
①我们日常工作中，遇到了问题，困难。寻找解决方案，即寻找新的技术；
②为什么要学习这门技术？这门技术是不是很好的解决了我们遇到的难题，困惑。这个问题，非常重要，我们不是为了学习技术而学习技术，而是为了更好的处理我们遇到的问题，才需要学习新的</div>
</li>
<li><a href="/article/1132.htm"
title="今天帮助人解决的一个sql问题" target="_blank">今天帮助人解决的一个sql问题</a>
<span class="text-muted">asialee</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div> 今天有个人问了一个问题，如下：
type AD value
A  </div>
</li>
<li><a href="/article/1259.htm"
title="意图对象传递数据" target="_blank">意图对象传递数据</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E6%84%8F%E5%9B%BEIntent/1.htm">意图Intent</a><a class="tag" taget="_blank" href="/search/Bundle%E5%AF%B9%E8%B1%A1%E6%95%B0%E6%8D%AE%E7%9A%84%E4%BC%A0%E9%80%92/1.htm">Bundle对象数据的传递</a>
<div>学习意图将数据传递给目标活动; 初学者需要好好研究的
1,将下面的代码添加到main.xml中
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http:/</div>
</li>
<li><a href="/article/1386.htm"
title="oracle查询锁表解锁语句" target="_blank">oracle查询锁表解锁语句</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/object/1.htm">object</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/kill/1.htm">kill</a>
<div>一.查询锁定的表
如下语句，都可以查询锁定的表
语句一：
select a.sid,
a.serial#,
p.spid,
c.object_name,
b.session_id,
b.oracle_username,
b.os_user_name
from v$process p, v$s</div>
</li>
<li><a href="/article/1513.htm"
title="mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］" target="_blank">mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/osx/1.htm">osx</a>
<div>场景：在 mac osx 10.10 下安装 mysql 5.6 的二进制文件。
环境：mac osx 10.10、mysql 5.6 的二进制文件
步骤：[所有目录请从根“/”目录开始取，以免层级弄错导致找不到目录]
1、下载 mysql 5.6 的二进制文件，下载目录下面称之为 mysql5.6SourceDir；
下载地址：http://dev.mysql.com/downl</div>
</li>
<li><a href="/article/1640.htm"
title="分布式系统与框架" target="_blank">分布式系统与框架</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a>
<div>RPC框架 Dubbo
什么是Dubbo
Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。其核心部分包含: 远程通讯: 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及“请求-响应”模式的信息交换方式。 集群容错: 提供基于接</div>
</li>
<li><a href="/article/1767.htm"
title="那些令人蛋痛的专业术语" target="_blank">那些令人蛋痛的专业术语</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/SSO/1.htm">SSO</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a>
<div>
spring
【控制反转(IOC)/依赖注入(DI)】：
由容器控制程序之间的关系，而非传统实现中，由程序代码直接操控。这也就是所谓“控制反转”的概念所在：控制权由应用代码中转到了外部容器，控制权的转移，是所谓反转。
简单的说：对象的创建又容器(比如spring容器)来执行，程序里不直接new对象。
Web
【单点登录(SSO)】：SSO的定义是在多个应用系统中，用户</div>
</li>
<li><a href="/article/1894.htm"
title="《给大忙人看的java8》摘抄" target="_blank">《给大忙人看的java8》摘抄</a>
<span class="text-muted">braveCS</span>
<a class="tag" taget="_blank" href="/search/java8/1.htm">java8</a>
<div>函数式接口：只包含一个抽象方法的接口
lambda表达式：是一段可以传递的代码
你最好将一个lambda表达式想象成一个函数，而不是一个对象，并记住它可以被转换为一个函数式接口。
事实上，函数式接口的转换是你在Java中使用lambda表达式能做的唯一一件事。
方法引用：又是要传递给其他代码的操作已经有实现的方法了，这时可以使</div>
</li>
<li><a href="/article/2021.htm"
title="编程之美-计算字符串的相似度" target="_blank">编程之美-计算字符串的相似度</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a>
<div>
public class StringDistance {
/**
* 编程之美 计算字符串的相似度
* 我们定义一套操作方法来把两个不相同的字符串变得相同，具体的操作方法为：
* 1.修改一个字符（如把“a”替换为“b”）;
* 2.增加一个字符（如把“abdd”变为“aebdd”）;
* 3.删除一个字符（如把“travelling”变为“trav</div>
</li>
<li><a href="/article/2148.htm"
title="上传、下载压缩图片" target="_blank">上传、下载压缩图片</a>
<span class="text-muted">chengxuyuancsdn</span>
<a class="tag" taget="_blank" href="/search/%E4%B8%8B%E8%BD%BD/1.htm">下载</a>
<div>/**
*
* @param uploadImage --本地路径(tomacat路径)
* @param serverDir --服务器路径
* @param imageType --文件或图片类型
* 此方法可以上传文件或图片.txt,.jpg,.gif等
*/
public void upload(String uploadImage,Str</div>
</li>
<li><a href="/article/2275.htm"
title="bellman-ford(贝尔曼-福特)算法" target="_blank">bellman-ford(贝尔曼-福特)算法</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/F%23/1.htm">F#</a>
<div>Bellman-Ford算法(根据发明者 Richard Bellman 和 Lester Ford 命名)是求解单源最短路径问题的一种算法。单源点的最短路径问题是指：给定一个加权有向图G和源点s，对于图G中的任意一点v，求从s到v的最短路径。有时候这种算法也被称为 Moore-Bellman-Ford 算法，因为 Edward F. Moore zu 也为这个算法的发展做出了贡献。
与迪科</div>
</li>
<li><a href="/article/2402.htm"
title="oracle ASM中ASM_POWER_LIMIT参数" target="_blank">oracle ASM中ASM_POWER_LIMIT参数</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/ASM/1.htm">ASM</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/ASM_POWER_LIMIT/1.htm">ASM_POWER_LIMIT</a><a class="tag" taget="_blank" href="/search/%E7%A3%81%E7%9B%98%E5%B9%B3%E8%A1%A1/1.htm">磁盘平衡</a>
<div>ASM_POWER_LIMIT
该初始化参数用于指定ASM例程平衡磁盘所用的最大权值，其数值范围为0~11，默认值为1。该初始化参数是动态参数，可以使用ALTER SESSION或ALTER SYSTEM命令进行修改。示例如下：
SQL>ALTER SESSION SET Asm_power_limit=2;
</div>
</li>
<li><a href="/article/2529.htm"
title="高级排序:快速排序" target="_blank">高级排序:快速排序</a>
<span class="text-muted">dieslrae</span>
<a class="tag" taget="_blank" href="/search/%E5%BF%AB%E9%80%9F%E6%8E%92%E5%BA%8F/1.htm">快速排序</a>
<div>
public void quickSort(int[] array){
this.quickSort(array, 0, array.length - 1);
}
public void quickSort(int[] array,int left,int right){
if(right - left <= 0</div>
</li>
<li><a href="/article/2656.htm"
title="C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节" target="_blank">C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/C%E8%AF%AD%E8%A8%80/1.htm">C语言</a>
<div># include <stdio.h>
int main(void)
{
/*
1、一个变量的地址只用第一个字节表示
2、虽然他只使用了第一个字节表示，但是他本身指针变量类型就可以确定出他指向的指针变量占几个字节了
3、他都只存了第一个字节地址，为什么只需要存一个字节的地址，却占了4个字节，虽然只有一个字节，
但是这些字节比较多，所以编号就比较大，
</div>
</li>
<li><a href="/article/2783.htm"
title="phpize使用方法" target="_blank">phpize使用方法</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a>
<div>phpize是用来扩展php扩展模块的，通过phpize可以建立php的外挂模块,下面介绍一个它的使用方法,需要的朋友可以参考下
安装（fastcgi模式）的时候，常常有这样一句命令：
代码如下:
/usr/local/webserver/php/bin/phpize
一、phpize是干嘛的？
phpize是什么？
phpize是用来扩展php扩展模块的，通过phpi</div>
</li>
<li><a href="/article/2910.htm"
title="Java虚拟机学习 - 对象引用强度" target="_blank">Java虚拟机学习 - 对象引用强度</a>
<span class="text-muted">shuizhaosi888</span>
<a class="tag" taget="_blank" href="/search/JAVA%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">JAVA虚拟机</a>
<div>
本文原文链接：http://blog.csdn.net/java2000_wl/article/details/8090276 转载请注明出处！
无论是通过计数算法判断对象的引用数量，还是通过根搜索算法判断对象引用链是否可达，判定对象是否存活都与“引用”相关。
引用主要分为 ：强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Wea</div>
</li>
<li><a href="/article/3037.htm"
title=".NET Framework 3.5 Service Pack 1（完整软件包）下载地址" target="_blank">.NET Framework 3.5 Service Pack 1（完整软件包）下载地址</a>
<span class="text-muted">happyqing</span>
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E4%B8%8B%E8%BD%BD/1.htm">下载</a><a class="tag" taget="_blank" href="/search/framework/1.htm">framework</a>
<div>
Microsoft .NET Framework 3.5 Service Pack 1（完整软件包）
http://www.microsoft.com/zh-cn/download/details.aspx?id=25150
Microsoft .NET Framework 3.5 Service Pack 1 是一个累积更新，包含很多基于 .NET Framewo</div>
</li>
<li><a href="/article/3164.htm"
title="JAVA定时器的使用" target="_blank">JAVA定时器的使用</a>
<span class="text-muted">jingjing0907</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a><a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a><a class="tag" taget="_blank" href="/search/%E5%AE%9A%E6%97%B6%E5%99%A8/1.htm">定时器</a>
<div>1、在应用开发中，经常需要一些周期性的操作，比如每5分钟执行某一操作等。
对于这样的操作最方便、高效的实现方式就是使用java.util.Timer工具类。
privatejava.util.Timer timer;
timer = newTimer(true);
timer.schedule(
newjava.util.TimerTask() { public void run()
</div>
</li>
<li><a href="/article/3291.htm"
title="Webbench" target="_blank">Webbench</a>
<span class="text-muted">流浪鱼</span>
<a class="tag" taget="_blank" href="/search/webbench/1.htm">webbench</a>
<div>首页下载地址 http://home.tiscali.cz/~cz210552/webbench.html
Webbench是知名的网站压力测试工具，它是由Lionbridge公司（http://www.lionbridge.com）开发。
Webbench能测试处在相同硬件上，不同服务的性能以及不同硬件上同一个服务的运行状况。webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相</div>
</li>
<li><a href="/article/3418.htm"
title="第11章 动画效果（中）" target="_blank">第11章 动画效果（中）</a>
<span class="text-muted">onestopweb</span>
<a class="tag" taget="_blank" href="/search/%E5%8A%A8%E7%94%BB/1.htm">动画</a>
<div>index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/</div>
</li>
<li><a href="/article/3545.htm"
title="windows下制作bat启动脚本." target="_blank">windows下制作bat启动脚本.</a>
<span class="text-muted">sanyecao2314</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/cmd/1.htm">cmd</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a><a class="tag" taget="_blank" href="/search/bat/1.htm">bat</a>
<div>java -classpath C:\dwjj\commons-dbcp.jar;C:\dwjj\commons-pool.jar;C:\dwjj\log4j-1.2.16.jar;C:\dwjj\poi-3.9-20121203.jar;C:\dwjj\sqljdbc4.jar;C:\dwjj\voucherimp.jar com.citsamex.core.startup.MainStart </div>
</li>
<li><a href="/article/3672.htm"
title="Java进行RSA加解密的例子" target="_blank">Java进行RSA加解密的例子</a>
<span class="text-muted">tomcat_oracle</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>加密是保证数据安全的手段之一。加密是将纯文本数据转换为难以理解的密文；解密是将密文转换回纯文本。 数据的加解密属于密码学的范畴。通常，加密和解密都需要使用一些秘密信息，这些秘密信息叫做密钥，将纯文本转为密文或者转回的时候都要用到这些密钥。 对称加密指的是发送者和接收者共用同一个密钥的加解密方法。 非对称加密(又称公钥加密)指的是需要一个私有密钥一个公开密钥，两个不同的密钥的</div>
</li>
<li><a href="/article/3799.htm"
title="Android_ViewStub" target="_blank">Android_ViewStub</a>
<span class="text-muted">阿尔萨斯</span>
<a class="tag" taget="_blank" href="/search/ViewStub/1.htm">ViewStub</a>
<div>public final class ViewStub extends View
java.lang.Object
android.view.View
android.view.ViewStub
类摘要： ViewStub 是一个隐藏的，不占用内存空间的视图对象，它可以在运行时延迟加载布局资源文件。当 ViewSt</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>]]>
