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/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835491101276991488.htm"
title="数据仓库——维度表一致性" target="_blank">数据仓库——维度表一致性</a>
<span class="text-muted">墨染丶eye</span>
<a class="tag" taget="_blank" href="/search/%E8%83%8C%E8%AF%B5/1.htm">背诵</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E4%BB%93%E5%BA%93/1.htm">数据仓库</a>
<div>数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计</div>
</li>
<li><a href="/article/1835382685745377280.htm"
title="html+css网页设计 旅游网站首页1个页面" target="_blank">html+css网页设计 旅游网站首页1个页面</a>
<span class="text-muted">html+css+js网页设计</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a>
<div>html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击</div>
</li>
<li><a href="/article/1834501176050151424.htm"
title="R语言 基础笔记" target="_blank">R语言 基础笔记</a>
<span class="text-muted">waterHBO</span>
<a class="tag" taget="_blank" href="/search/r%E8%AF%AD%E8%A8%80/1.htm">r语言</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>起因:今天不知道要写什么。把之前的笔记复制一下。代码开头，导入:#清除系统变量rm(list=ls())#隐藏警告信息:options(warn=-1)#把当前目录，设置为工作目录。library(rstudioapi)current_folder_path0.0&ideology<10.0)分组聚合，类似groupby()df2<-aggregate(df1KaTeXparseerror:Exp</div>
</li>
<li><a href="/article/1833483835501801472.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>学习笔记：HTML基础概念1.vscode常用设置1.1打开文件1.2新建文件1.3自动保存(ctrl+S)1.4文件重命名1.5删除文件2.vscode常用快捷键2.1自动补全HTML基本结构2.2标签自动补全2.3复制当前行|复制多行2.4删除当前行|删除多行2.5单行注释|取消单行注释2.6多行注释|取消多行注释2.7统一编辑2.8生成多个2.9文字2.10打开浏览器2.11快捷键可以组合使</div>
</li>
<li><a href="/article/1833306204206624768.htm"
title="一口气了解大模型相关通识，基础笔记！" target="_blank">一口气了解大模型相关通识，基础笔记！</a>
<span class="text-muted">AI小白熊</span>
<a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA%E5%92%8C%E5%8F%91%E5%B1%95/1.htm">职场和发展</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/ai/1.htm">ai</a>
<div>一、大模型生态有哪些语言类大模型:GPT-3、GPT-3.5、GPT-4系列模型。并且，OpenAl在训练GPT-3的同时训练了参数不同、复杂度各不相同的A、B、C、D四项大模型(基座模型)，用于不同场景的应用;其中，A、B、C、D模型的全称分别是ada、babbage、curie(居里)和davinci（达芬奇），四个模型并不是GPT-3的微调模型，而是独立训练的四个模型;四个模型的参数规模和复</div>
</li>
<li><a href="/article/1831221681218220032.htm"
title="TCP/IP基础笔记之ARP, DHCP" target="_blank">TCP/IP基础笔记之ARP, DHCP</a>
<span class="text-muted">neilengineer</span>
<div>WIFIassociation成功后的操作和ethernet差不多，ARP和DHCP是其中２个常用协议。ARP作用是把IP地址转换为对应的EthernetMAC地址。在BSD-styleOS,每条ARPentry在ARP表里的时间是20分钟。在得到任何ARPreply前，PC可以连续75秒发ARPrequests。具体时间和实现相关。GratuitousARP(免费ARP)包括gratuitous</div>
</li>
<li><a href="/article/1830906585891827712.htm"
title="CSS实现“鼠标悬浮按钮_闪过光泽”效果" target="_blank">CSS实现“鼠标悬浮按钮_闪过光泽”效果</a>
<span class="text-muted">SOLDIER_76</span>
<div>创建按钮创建按钮样式创建渐变光创建什么时候渐变光出现创建渐变光的动画效果动画开始执行HTML+CSS，一共6个步骤实现效果代码效果：（用灵者GIF录制工具录下来的，效果不怎么好）HTML：（先随便写一个按钮，a或者button都为所谓。写两个类名，第一个显示按钮的样式，第二个控制按钮的动画，就写一个类名也无所谓，写两个是便于维护）CSS：（给按钮添加一些基础的样式，没什么说的，这里需要写个posi</div>
</li>
<li><a href="/article/1830531182752788480.htm"
title="HTML静态网页成品作业(HTML+CSS)——西点蛋糕介绍(5个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——西点蛋糕介绍(5个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</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>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有5个页面。二、作品演示三、代码目录四、网站代码HTML部分代码首页西点简介西点分类西点展示西点做法SWEETYSWEET提拉米苏布丁芝士蛋糕泡芙马卡龙西式的甜品花团锦簇，尤以意、法为盛。提拉米苏（Tiramisu</div>
</li>
<li><a href="/article/1830529922305716224.htm"
title="HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS+JS)——中华美食八大菜系介绍(1个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，使用Javacsript代码实现图片轮播切换，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码中国八大菜系徽菜徽菜，它起源于黄山麓下的歙县（古徽州）。后来，由于新安江畔的屯溪小镇成为“祁红”、“屯绿”等名茶和徽墨、歙砚等土特产品的</div>
</li>
<li><a href="/article/1830371731727020032.htm"
title="python基础笔记_Python基础笔记" target="_blank">python基础笔记_Python基础笔记</a>
<span class="text-muted">weixin_39687786</span>
<a class="tag" taget="_blank" href="/search/python%E5%9F%BA%E7%A1%80%E7%AC%94%E8%AE%B0/1.htm">python基础笔记</a>
<div>[基础部分]Python是一种解释型的、面向对象的、带有动态语义的高级程序设计语言。输出方式：print“Helloworld”空值是Python里一个特殊的值，用None表示。关于除法运算：默认只取整数部分的结果：1/2=0.要得到小数：1.0/2或者1.0/2.0幂（乘方）运算：2**4=16表示2的4次方。关于长整型数：普通整数不能大于2147483647也不能小于-2147483648，否</div>
</li>
<li><a href="/article/1830171696145985536.htm"
title="html css怎么做太阳,HTML+CSS 绘制太阳系各个行星运行轨迹" target="_blank">html css怎么做太阳,HTML+CSS 绘制太阳系各个行星运行轨迹</a>
<span class="text-muted">weixin_42316909</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css%E6%80%8E%E4%B9%88%E5%81%9A%E5%A4%AA%E9%98%B3/1.htm">css怎么做太阳</a>
<div>模拟宇宙太阳系模拟太阳系.solarsys{width:800px;height:800px;position:relative;margin:0auto;background-color:#000000;padding:0;transform:scale(1);}/*太阳*/.sun{left:357px;top:357px;height:90px;width:90px;background-c</div>
</li>
<li><a href="/article/1829969395397521408.htm"
title="初识HTML+CSS（ 第4章 认识标签 三 ）" target="_blank">初识HTML+CSS（ 第4章 认识标签 三 ）</a>
<span class="text-muted">Zhangdake</span>
<div>一：使用标签，链接到另一个页面1.用标签可实现超链接，它在网页制作中可以说是无处不在，只要有链接的地方，就会有这个标签2.语法：链接显示的文本3.title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）4.只要为文本加入a标签后，文字的颜色就会自动变为蓝色（被点击过的文本颜色为紫色），颜色很难看吧，不过没</div>
</li>
<li><a href="/article/1829958049465462784.htm"
title="HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）" target="_blank">HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）</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>常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、</div>
</li>
<li><a href="/article/1829949856983117824.htm"
title="HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——抗击疫情网页(4个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</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>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。二、作品演示三、代码目录四、网站代码HTML部分代码Document抗击新冠，人人有责共同抗疫全民防疫抗疫的经验和意义众志成城前言有人说：“英雄就是普通人拥有一颗伟大的心。”__年__月__日，小林的生</div>
</li>
<li><a href="/article/1829949604729286656.htm"
title="HTML静态网页成品作业(HTML+CSS)——非遗昆曲介绍设计制作(1个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——非遗昆曲介绍设计制作(1个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码非遗昆曲昆曲简介昆曲（KunOpera），原名“昆山腔”（简称“昆腔”），是中国古老的戏曲声腔、剧种，现又被称为“昆剧”。昆曲是汉族传统戏曲中最古老的</div>
</li>
<li><a href="/article/1829738716722196480.htm"
title="好看的2020年html倒计时源码" target="_blank">好看的2020年html倒计时源码</a>
<span class="text-muted">huihuixxx</span>
<a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E6%BA%90%E7%A0%81/1.htm">程序源码</a><a class="tag" taget="_blank" href="/search/html%E5%80%92%E8%AE%A1%E6%97%B6%E6%BA%90%E7%A0%81/1.htm">html倒计时源码</a><a class="tag" taget="_blank" href="/search/%E5%80%92%E8%AE%A1%E6%97%B6%E6%BA%90%E7%A0%81/1.htm">倒计时源码</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81/1.htm">源码</a>
<div>介绍：复制文件里面的html+css代码放到你网站适合的地方然后就可以显示了时间自动转的不需要shua新的哦网盆下载地址：https://zijiewangpan.com/2anRuMoVEP0图片：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sAwm8lJk-1615557371351)(https://www.5438.com.cn/static/pic/2/</div>
</li>
<li><a href="/article/1829012470497374208.htm"
title="HTML静态网页成品作业(HTML+CSS)——世博园介绍(2个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——世博园介绍(2个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/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>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有2个页面。二、作品演示三、代码目录四、网站代码HTML部分代码世博园景区简介各馆介绍景区简介上海世博园是2010年上海世博会的举办场地。2010年上海世博会是首次由中国举办，是世界博览会史上最大规模。总投资超过北</div>
</li>
<li><a href="/article/1828857911510659072.htm"
title="免费开源cms自助建站系统大全，不会编程也可以自己建网站" target="_blank">免费开源cms自助建站系统大全，不会编程也可以自己建网站</a>
<span class="text-muted">guizhoumen</span>
<a class="tag" taget="_blank" href="/search/cms/1.htm">cms</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE/1.htm">网站建设</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C/1.htm">网站制作</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%BA%90%E7%A0%81/1.htm">网站源码</a><a class="tag" taget="_blank" href="/search/cms%E7%B3%BB%E7%BB%9F/1.htm">cms系统</a>
<div>想自己建网站又不会编程的小伙伴有福啦，本期推荐一些开源的cms自助建站系统程序，不需要写后端的任何逻辑代码，只需要下载下来，配置好运行环境就可以安装使用，然后通过后台轻轻松松就可以修改成自己的网站了，当然，要想网站有自己的个性，模版还是需要自己写的，只需要会简单的html+css就可以了，这个不是本章的重点。1、PageAdminCmshttp://www.pageadmin.netPageAdm</div>
</li>
<li><a href="/article/1828360355718459392.htm"
title="HTML静态网页成品作业(HTML+CSS)——安徽宣笔设计制作(5个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——安徽宣笔设计制作(5个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">静态网页</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/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>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有6个页面。二、作品演示三、代码目录四、网站代码HTML部分代码安徽宣笔首页宣笔发展宣笔制作宣笔分类发展现状前往登录宣笔简介宣笔为安徽省泾县文房四宝之一，因产于安徽宣州（今宣城）而得名。又名“徽笔”。据韩愈《毛颖传</div>
</li>
<li><a href="/article/1828321913219411968.htm"
title="html+css网页设计 动漫 海贼王14个页面" target="_blank">html+css网页设计 动漫 海贼王14个页面</a>
<span class="text-muted">html+css+js网页设计</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>html+css网页设计动漫海贼王14个页面网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/896773022，点</div>
</li>
<li><a href="/article/1827886602840535040.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>一、HTML+CSS简介HTML和CSS在网页开发中扮演着至关重要的角色。HTML如同网页的骨架，为网页提供了基本的结构和内容。它使用各种标签来定义页面的元素，如标题、段落、图片、链接等，确保信息得以有条理地组织和呈现。CSS则恰似网页的华服，负责赋予网页美观的外观和舒适的布局。通过控制字体、颜色、背景、间距等样式属性，CSS让网页变得更加吸引人，提升用户的阅读和交互体验。二者之间的关系紧密且相辅</div>
</li>
<li><a href="/article/1827880052390457344.htm"
title="HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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/%E6%B8%B8%E6%88%8F/1.htm">游戏</a>
<div>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有4个页面。二、作品演示三、代码目录四、网站代码HTML部分代码战地战地游戏首页游戏特点游戏评价游戏感受游戏介绍《战地》是EADICE开发的军事题材射击游戏系列。战地系列的首作《战地1942》于2002年上市。截至</div>
</li>
<li><a href="/article/1827399071309066240.htm"
title="HTML静态网页成品作业(HTML+CSS)——非遗阜阳剪纸介绍设计制作(1个页面)" target="_blank">HTML静态网页成品作业(HTML+CSS)——非遗阜阳剪纸介绍设计制作(1个页面)</a>
<span class="text-muted">爱码网页成品</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E7%94%9F%E7%BD%91%E9%A1%B5/1.htm">学生网页</a><a class="tag" taget="_blank" href="/search/html%2Bcss/1.htm">html+css</a><a class="tag" taget="_blank" href="/search/%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/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>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。二、作品演示三、代码目录四、网站代码HTML部分代码知名作品更多《伏虎》《三岔口》《王祥卧冰》《药王爷骑虎治龙》剪纸传人吴青平阜阳剪纸的巅峰人物朱英和程建礼，分别代表了精细刻法和随意起剪两种风格，两位老</div>
</li>
<li><a href="/article/1826966848713879552.htm"
title="WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站" target="_blank">WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站</a>
<span class="text-muted">html5网页设计</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%BD%9C%E4%B8%9A/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/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%88%B6%E4%BD%9C/1.htm">网页设计与制作</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html期末大作业</a>
<div>精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干</div>
</li>
<li><a href="/article/1826736948258107392.htm"
title="HTML5+CSS3小实例：抽屉式相册" target="_blank">HTML5+CSS3小实例：抽屉式相册</a>
<span class="text-muted">艾恩小灰灰</span>
<div>HTML5+CSS3小实例：抽屉式相册技术栈：HTML+CSS效果：源码：抽屉式相册*{/*初始化取消内外边距*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*弹性布局水平垂直居中*/display:flex;justify-content:center;align-items:center;background-color:#000;}.</div>
</li>
<li><a href="/article/1826238186926469120.htm"
title="html+css网页设计 淘宝登录页面" target="_blank">html+css网页设计 淘宝登录页面</a>
<span class="text-muted">qq_42431718</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>html+css网页设计淘宝登录页面网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/896520032，点击上方下</div>
</li>
<li><a href="/article/1770179232685686784.htm"
title="【笔记】HDFS基础笔记" target="_blank">【笔记】HDFS基础笔记</a>
<span class="text-muted">哇咔咔哇咔</span>
<a class="tag" taget="_blank" href="/search/Hadoop/1.htm">Hadoop</a><a class="tag" taget="_blank" href="/search/hdfs/1.htm">hdfs</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a>
<div>启动hadoop命令（未配环境变量）：进入hadoop安装目录输入./sbin/start-dfs.sh已配环境变量：start-dfs.sh关闭hadoop命令：stop-dfs.sh启动完成后，可以通过命令jps来判断是否成功启动，若成功启动则会列出如下进程:"NameNode"、"DataNode"和"SecondaryNameNode"三种Shell命令方式：1.hadoopfs2.had</div>
</li>
<li><a href="/article/1768294721005879296.htm"
title="如何制作一个简单的学生网页作业(HTML+CSS)" target="_blank">如何制作一个简单的学生网页作业(HTML+CSS)</a>
<span class="text-muted">html网页设计</span>
<div>一、作品介绍HTML实例网页代码,本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的样式格局，这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。二、作品效果▶️视频演示https://live.csdn.net/v/embed/240069(title-K15JP-NBA篮球介绍22页html+css)截图演示0</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>]]>
