HTML CSS 笔记.docx

文档编号：23926344
上传时间：2023-05-22
格式：DOCX
页数：35
大小：30.49KB

HTML CSS 笔记.docx

《HTML CSS 笔记.docx》由会员分享，可在线阅读，更多相关《HTML CSS 笔记.docx（35页珍藏版）》请在冰豆网上搜索。

HTML CSS 笔记.docx

HTMLCSS笔记

HTML5

一、HTML5概述

二、HTML5基本格式

一．HTML5文档结构

1.第一步：

打开SublimeText3，打开指定文件夹；

2.第二步：

保存文件到磁盘中，.html是网页后缀；

3.第三步：

开始编写HTML5的基本格式。

DOCTYPEhtml>..

元素

一个超链接，后面会详细探讨。

三．元素标签探讨

HTML是一种标记语言，刚才的结构我们已经详细探讨过。

这里，我们再剖析一下这些

“标记”或者叫“标签”，书面上经常称作为“元素”的东西是怎么构成的。

1.元素

元素就是一组告诉浏览器如何处理一些内容的标签。

每个元素都有一个关键字，比如

、、<meta>都是元素。</p><p>不同的标签名称代表不同的意义，后面将会涉及到</p><p>段落标签、文本标签、链接标签、图片标签等。</p><p>元素一般分为两种：</p><p>单标签（空元素）和双标签。</p><p>单标签一般用于声明或者插入某个元</p><p>素，比如声明字符编码就用<meta>，插入图片就用<img>；双标签一般用于设置一段区域的</p><p>内容，将其包含起来，比如段落<p>...</p>。</p><p>2.属性和值</p><p>元素除了有单双之分，元素的内部还可以设置属性和值。</p><p>这些属性值用来改变元素某些</p><p>方面的行为。</p><p>比如超链接：</p><p><a>中的href属性，里面替换网址即可链接到不同的网站。</p><p>当</p><p>然一个元素里面可以设置多个属性，甚至自定义属性。</p><p>三、HTML5文本元素</p><p>一．文本元素总汇</p><p>HTML5规范指出：</p><p>使用元素应该完全从元素的语义出发。</p><p>但是由于历史遗留及用户至上</p><p>的原则，这种语义会宽松许多。</p><p>元素名称说明</p><p>a生成超链接</p><p>br强制换行</p><p>wbr可安全换行</p><p>b标记一段文字但不强调</p><p>strong表示重要</p><p>i表示外文或科学术语</p><p>em表示强调</p><p>code表示计算机代码</p><p>var表示程序输出</p><p>samp表示变量</p><p>kdb表示用户输入</p><p>abbr表示缩写</p><p>cite表示其他作品的标题</p><p>del表示被删除的文字</p><p>s表示文字已不再确认</p><p>dfn表示术语定义</p><p>mark表示与另一段上下文有关的内容</p><p>q表示引自他处的内容</p><p>rp与ruby元素结合使用，标记括号</p><p>rt与ruby元素结合使用，标记括号</p><p>ruby表示位于表意文字上方或右方的注音符号</p><p>bdo控制文字的方向</p><p>small表示小号字体内容</p><p>sub表示下标字体</p><p>sup表示上标字体</p><p>time表示时间或日期</p><p>u标记一段文字但不强调</p><p>span通用元素，没有任何语义。</p><p>一般配合CSS修饰。</p><p>从上面这张表格中，我们发现文本元素还是非常多的。</p><p>但实际上，在现实应用中，真正</p><p>常用的也就是那么几个，绝大部分是针对英文的。</p><p>二．文本元素解析</p><p>1.<b>表示关键字和产品名称</p><p><b>HTML5</b></p><p>解释：</p><p><b>元素实际作用就是加粗。</p><p>从语义上来看，就是标记一段文字，但并不是特别</p><p>强调或重要性。</p><p>比如：</p><p>一段文本中的某些关键字或者产品的名称。</p><p>2.<strong>表示重要的文字</p><p><strong>HTML5</strong></p><p>解释：</p><p><strong>元素实际作用和<b>一样，就是加粗。</p><p>从语义上来看，就是强调一段重</p><p>要的文本。</p><p>3.<br>强制换行、<wbr>安全换行</p><p><br></p><p>Thisabc<wbr>dkedkslakdj<wbr>fkdlsakdisapple.</p><p>解释：</p><p>在任意文本位置键入<br>都会被换行，而在英文单词过长时使用<wbr>会根据浏</p><p>览器的宽度适当的裁切换行。</p><p>4.<i>表示外文词汇或科技术语</p><p><i>HTML5</i></p><p>解释：</p><p><i>元素实际作用就是倾斜。</p><p>从语义上来看，表示区分周围内容，并不是特别强</p><p>调或重要性。</p><p>5.<em>加以强调</p><p><em>HTML5</em></p><p>解释：</p><p><em>元素实际作用和<i>一样，就是倾斜；从语义上来看，表示对一段文本的强</p><p>调。</p><p>6.<s>表示不准确或校正</p><p><s>HTML5</s></p><p>解释：</p><p><s>元素实际作用就是删除线；从语义上来看，表示不准确的删除。</p><p>7.<del>表示删除文字</p><p><del>HTML5</del></p><p>解释：</p><p><del>元素实际作用和<s>一样，就是删除线；从语义上来看，表示删除相关文</p><p>字。</p><p>8.<u>表示给文字加上下划线</p><p><u>HTML5</u></p><p>解释：</p><p><u>元素实际作用就是加一条下划线；从语义上来看，并不强调此段文本。</p><p>9.<ins>添加一段文本</p><p><ins>HTML5</ins></p><p>解释：</p><p><ins>元素实际作用和<u>一样，加一条下划线；从语义上来看，是添加一段文</p><p>本，起到强调的作用。</p><p>10.<small>添加小号字体</p><p><small>HTML5</small></p><p>解释：</p><p><small>元素实际作用就是将文本放小一号。</p><p>从语义上来看，用于免责声明和澄</p><p>清声明。</p><p>11.<sub><sup>添加上标和下标</p><p><sub>5</sub></p><p><sup>5</sup></p><p>解释：</p><p><sub>和<sup>元素实际作用就是数学的上标和下标。</p><p>语义也是如此。</p><p>12.<code>等表示输入和输出</p><p><code>HTML5</code></p><p><var>HTML5</var></p><p><samp>HTML5</samp></p><p><kdb>HTML5</kdb></p><p>解释：</p><p><code>表示计算机代码片段；<var>表示编程语言中的变量；<samp>表示程序</p><p>或计算机的输出；<kdb>表示用户的输入。</p><p>由于这属于英文范畴的，必须将lang="en"英语</p><p>才能体现效果。</p><p>13.<abbr>表示缩写</p><p><abbr>HTML5</abbr></p><p>解释：</p><p><abbr>元素没有实际作用；从语义上看，是一段文本的缩写。</p><p>14.<dfn>表示定义术语</p><p><dfn>HTML5</dfn></p><p>解释：</p><p><dfn>元素就是一般性的倾斜；从语义上看，表示解释一个词或短语的一段文本。</p><p>15.<q>引用来自他处的内容</p><p><q>HTML5</q></p><p>解释：</p><p><q>元素实际作用就是加了一对双引号。</p><p>从语义上来看，表示引用来自其他地方</p><p>的内容。</p><p>16.<cite>引用其他作品的标题</p><p><cite>HTML5</cite></p><p>解释：</p><p><cite>元素实际作用就是加粗。</p><p>从语义上来看，表示引用其他作品的标题。</p><p>17.<ruby>语言元素</p><p><ruby></p><p>饕<rp>（</rp><rt>tāo</rt><rp>）</rp></p><p>餮<rp>（</rp><rt>tiè</rt><rp>）</rp></p><p></ruby></p><p>解释：</p><p><ruby>用来为非西方语言提供支持。</p><p><rp><rt>用来帮助读者掌握表意语言文字</p><p>正确发音。</p><p>比如：</p><p>汉语拼音在文字的上方。</p><p>但目前Firefox还不支持此特性。</p><p>18.<bdo>设置文字方向</p><p><bdodir="rtl">HTML5</bdo></p><p>解释：</p><p><bdo>必须使用属性dir才可以设置，一共两个值：</p><p>rtl（从右到左）和ltr（从</p><p>左到右）。</p><p>一般默认是ltr。</p><p>还有一个<bdi>元素也是处理方向的，由于是特殊语言的特殊</p><p>效果，且主流浏览器大半不支持，忽略。</p><p>19.<mark>突出显示文本</p><p><mark>HTML5</mark></p><p>解释：</p><p><mark>实际作用就是加上一个黄色的背景，黑色的字；从语义上来看，与上下</p><p>文相关而突出的文本，用于记号。</p><p>20.<time>表示日期和时间</p><p><time>2015-10-10</time></p><p>解释：</p><p><time>元素没有实际作用；从语义上来看，表示日期和时间。</p><p>21.<span>表示一般性文本</p><p><span>HTML5</span></p><p>解释：</p><p><span>元素没有实际作用；语义上就是表示一段文本，我们经常用它来设置CSS</p><p>等操作。</p><p>四、HTML5超链接和路径</p><p>一．超链接的属性</p><p><a>元素属于文本元素，有一些私有属性或者叫局部属性。</p><p>那么，相对应的还有通用属</p><p>性或叫做全局属性。</p><p>这方面的知识，后面会详细探讨。</p><p>属性名称说明</p><p>href指定<a>元素所指资源的URL</p><p>hreflang指向的链接资源所使用的语言</p><p>media说明所链接资源用于哪种设备</p><p>rel说明文档与所链接资源的关系类型</p><p>target指定用以打开所链接资源的浏览环境</p><p>type说明所链接资源的MIME类型（比如text/html）</p><p>在这几个属性当中，只有href和target一般比较常用，而href是必须要用的。</p><p>其</p><p>他几个属性，在<a>元素使用较少，将在CSS章节再探讨。</p><p>属性</p><p><ahref="">XX</a></p><p>解释：</p><p>href是必须属性，否则<a>元素就变成空元素了。</p><p>如果属性值是，意味着点击跳转到指定的外部网站。</p><p>属性</p><p><ahref=""target="_blank">XX</a></p><p>解释：</p><p>target属性告诉浏览器希望将所链接的资源显示在哪里。</p><p>属性名称说明</p><p>_blank在新窗口或标签页中打开文档</p><p>_parent在父窗框组（frameset）中打开文档</p><p>_self在当前窗口打开文档（默认）</p><p>_top在顶层窗口打开文档</p><p>这四种最常用的是_blank，新建一个窗口。</p><p>而_self是默认，当前窗口打开。</p><p>_parent</p><p>和_top是基于框架页面的，分别表示在父窗口打开和在整个窗口打开。</p><p>而HTML5中，框架</p><p>基本被废弃，只能使用<iframe>元素，且以后大量结合JavaScript和PHP等语言配合，</p><p>框架用的就很少了。</p><p>二．相对与绝对路径</p><p>所谓相对路径，就是相对于链接页面而言的另一个页面的路径。</p><p>而绝对路径，就是直接</p><p>从，其中一个页面链</p><p>接到另一个页面。</p><p>1.绝对路径</p><p><ahref="第一季/code/">index2</a></p><p>解释：</p><p>首先是，然后是磁盘符，然后是一个个的目录层次，找到相应文</p><p>件。</p><p>这种方式最致命的问题是，当整个目录转移到另外的盘符或其他电脑时，目录结构一旦</p><p>出现任何变化，链接当即失效。</p><p>2.相对路径</p><p><ahref="">index2</a></p><p>解释：</p><p>相对路径的条件是必须文件都在一个磁盘或目录下，如果是在同一个目录下，直</p><p>接属性值就是被链接的文件名.后缀名。</p><p>如果在同一个主目录下，有多个子目录层次，那就</p><p>需要使用目录结构语法。</p><p>3.目录语法</p><p>同一个目录：</p><p>或./；</p><p>在子目录：</p><p>xxx/；</p><p>在孙子目录：</p><p>xxx/xxx/；</p><p>在父目录：</p><p>../；</p><p>在爷爷目录：</p><p>../../；</p><p>三．锚点设置</p><p>超链接也可用来将同一个文档中的另一个元素移入视野。</p><p>通过属性id或name实现锚</p><p>点定位。</p><p>p>建立段落</p><p><p>这是一个段落</p></p><p><p>这也是一个段落</p></p><p>解释：</p><p><p>元素实际作用就是将内部包含的文本形成一个段落；而段落和段落之间保持</p><p>一定量的空隙。</p><p>2.<div>通用分组</p><p><div>这是一个通用分组</div></p><p><div>这是又一个通用分组</div></p><p>解释：</p><p><div>元素在早期的版本中非常常用，通过<div>这种一般性分组元素进行布局。</p><p>而在HTML5中，由于语义的缘故，被其他各种文档元素所代替。</p><p>和<p>段落的区别就是，两</p><p>段文本的上下空隙是没有的，空隙间隔和<br>换行一样。</p><p>3.<blockquote>引用大段他出内容</p><p><blockquote>这是一个大段引自他出内容</blockquote></p><p><blockquote>这是另一个大段引自他出内容</blockquote></p><p>解释：</p><p><blockquote>元素实际作用除了和<p>元素一样，有段落空隙的功能，还包含</p><p>了首尾缩进的功能。</p><p>语义上表示，大段的引用他出的内容。</p><p>4.<pre>展现格式化内容</p><p><pre></p><p>#####</p><p>#####</p><p>#####</p><p>#####</p><p>#####</p><p></pre></p><p>解释：</p><p><pre>元素实际作用就是编辑器怎么排版的，原封不动的展现出来。</p><p>当然，这种</p><p>只适合简单的排版，复杂的排版就无法满足要求了。</p><p>5.<hr>添加分隔</p><p><hr></p><p>解释：</p><p><hr>元素实际作用就是添加一条分割线，意图呈现上下文主题的分割。</p><p>6.<ul><li>添加无序列表</p><p><ul></p><p><li>张三</li></p><p><li>李四</li></p><p><li>王五</li></p><p><li>马六</li></p><p></ul></p><p>解释：</p><p><ul>元素表示无序列表，而<li>元素则是内部的列表项。</p><p>7.<ol><li>添加有序列表</p><p><ol></p><p><li>张三</li></p><p><li>李四</li></p><p><li>王五</li></p><p><li>马六</li></p><p></ol></p><p>解释：</p><p><ol>元素表示有序列表，而<li>元素则是内部的列表项。</p><p><ol>元素目前支持三</p><p>种属性。</p><p>ol元素属性</p><p>属性名称说明</p><p>start从第几个序列开始统计：</p><p><olstart="2"></p><p>reversed是否倒序排列：</p><p><olreversed>，一半主流浏览器不支持</p><p>type表示列表的编号类型，值分别为：</p><p>1、a、A、i、I</p><p>li元素属性</p><p>属性名称说明</p><p>value强行设置某个项目的编号。</p><p><livalue="7">王五</li></p><p>8.<dl><dt><dd>生成说明列表</p><p><dl></p><p><dt>这是一份文件</dt></p><p><dd>这里是这份文件的详细内容1</dd></p><p><dd>这里是这份文件的详细内容2</dd></p><p></dl></p><p>解释：</p><p>这三个元素是一个整体，但<dt>或<dd>并非都必须出现。</p><p>9.<figure><figcaption>使用插图</p><p><figure></p><p><figcaption>这是一张图</figcaption></p><p><imgsrc=""></p><p></figure></p><p>解释：</p><p>这两个元素一般用于图片的布局。</p><p>五、HTML5表格元素</p><p>一．表格元素总汇</p><p>表格的基本构成最少需要三个元素：</p><p><table>、<tr>、<td>，其他的一些作为可选辅</p><p>助存在。</p><p>元素名称说明</p><p>table表示表格</p><p>thead表示标题行</p><p>tbody表示表格主体</p><p>tfoot表示表脚</p><p>tr表示一行单元格</p><p>th表示标题行单元格</p><p>td表示单元格</p><p>col表示一列</p><p>colgroup表示一组列</p><p>caption表示表格标题</p><p>二．构建表格解析</p><p>1.<table><tr><td>构建基础表格</p><p><tableborder="1"></p><p><tr></p><p><td>张三</td></p><p><td>男</td></p><p><td>未婚</td></p><p></tr></p><p><tr></p><p><td>李四</td></p><p><td>女</td></p><p><td>已婚</td></p><p></tr></p><p></table></p><p>解释：</p><p><table>元素表示一个表格的声明，<tr>元素表示表格的一行，<td>元素表示</p><p>一个单元格。</p><p>默认情况下表格是没有边框的，所以，在<table>元素增加一个border属性，</p><p>设置为1即可显示边框。</p><p>2.<th>为表格添加标题单元格</p><p><tableborder="1"style="width:</p><p>300px;"></p><p><tr></p><p><th>姓名</th></p><p><th>性别</th></p><p><th>婚姻</th></p><p></tr></p><p><tr></p><p><td>张三</td></p><p><td>男</td></p><p><td>未婚</td></p><p></tr></p><p><tr></p><p><td>李四</td></p><p><td>女</td></p><p><td>已婚</td></p><p></tr></p><p></table></p><p>解释：</p><p><th>元素主要是添加标题行的单元格，实际作用就是将内部文字居中且加粗。</p><p>这里使用了一个通用属性style，主要用于CSS样式设置，以后会涉及到。</p><p><th><td>均属</p><p>于单元格，包含两个合并属性：</p><p>colspan、rowspan等。</p><p>3.<thead>添加表头</p><p><thead></p><p><tr></p><p><th>姓名</th></p><p><th>性别</th></p><p><th>婚姻</th></p><p></tr></p><p></thead></p><p>解释：</p><p><thead>元素就是限制和规范了表格的表头部分。</p><p>尤其是以后动态生成表头，它</p><p>的位置是不固定的，使用此元素可以限定在开头位置。</p><p>4.<tfoot>添加表脚</p><p><tfoot></p><p><tr></p><p><tdcolspan="3">统计：</p><p>共两名</td></p><p></tr></p><p></tfoot></p><p>解释：</p><p><tfoot>元素为表格生成表脚，限制在表格的底部。</p><p>5.<tbody>添加表主体</p><p><tbody></p><p><tr></p><p><td>张三</td></p><p><td>男</td></p><p><td>未婚</td></p><p></tr></p><p><tr></p><p><td>李四</td></p><p><td>女</td></p><p><td>已婚</td></p><p></tr></p><p></tbody></p><p>解释：</p><p><tbody>元素主要是包含住非表头表脚的主体部分，有助于表格格式的清晰，更</p><p>加有助于后续CSS和JavaScript的控制。</p><p>6.<caption>添加表格标题</p><p><caption>这是一个人物表</caption></p><p>解释：</p><p><caption>元素给表格添加一个标题。</p><p>7.<colgroup>设置列</p><p><colgroupspan="2"style="background:</p><p>red;"></p><p>解释：</p><p><colgroup>元素是为了处理某个列，span属性定义处理哪些列。</p><p>1表示第一列，</p><p>2表示前两列。</p><p>如果要单独设置第二列，那么需要声明两个，先处理第一个，将列点移入第</p><p>二位，再处理第二个即可。</p><p>8.<col>更灵活的设置列</p><p><colgroup></p><p><col></p><p><colstyle="background:</p><p>red;"span="1"></p><p></colgroup></p><p>解释：</p><p><col>元素表示单独一列，一个表示一列，控制更加灵活。</p><p>如果设置了span则，</p><p>控制多列。</p><p>六、HTML5文档元素</p><p>一．文档元素总汇</p><p>文档元素基本没有什么实际作用效果，主要目的是在页面布局时区分各个主题和概念。</p><p>元素名称说明</p><p>h1~h6表示标题</p><p>header表示首部</p><p>footer表示尾部</p><p>nav表示有意集中在一起的导航元素</p><p>section表示重要概念或主题</p><p>article表示一段独立的内容</p><p>address表示文档或article的联系信息</p><p>aside表示与周边内容少有牵涉的内容</p><p>hgroup将一组标题组织在一起</p><p>details生成一个区域，用户将其展开可以获得更多细节</p><p>summary用在details元素中，表示该元素内容的标题或说明</p><p>二．文档元素解析</p><p>文档元素的大部分标签，是没有任何效果的，完全是为了配合语义使用，以强调它的结</p><p>构性。</p><p>只有在后面的章节学习CSS，配合使用才能起到布局和样式的效果。</p><p>1.<header>表示首部</p><p><header></p><p>这里部分一般是页面头部，包括：</p><p>LOGO、标题、导航等内容</p><p></header></p><p>解释：</p><p><header>元素主要设置页面的标头部分。</p><p>2.<footer>表示尾部</p><p><footer></p><p>这里是页面的尾部，一般包括：</p><p>版权声明、友情链接等内容</p><p></footer></p><p>解释：</p><p><footer>元素主要设置页面的尾部。</p><p>3.<h1>~<h6>添加标题</p><p><h1>标题部分</h1></p><p><h4>小标题部分</h4></p><p>解释：</p><p><h1>~<h6>实际作用就是加粗并改变字体大小。</p><p>用于各种标题文档。</p><p>4.<hgroup>组合标题</p><p><hgroup></p><p><h1>标题部分</h1></p><p><h4>小标题部分</h4></p><p></hgroup></p><p>解释：</p><p><hgroup>元素的作用就是当多个标题出现，干扰到一对或多个本身需要整合的</p><p>标题，这是使用此元素包含群组。</p><p>5.<section>文档主题</p><p><section></p><p>这里一般是存放文档主题内容。</p><p></section></p><p>解释：</p><p><section>元素的作用是定义一个文档的主题内容。</p><p>6.<nav>添加导航</p><p><nav>这里存放文档的导航</nav></p><p>解释：</p><p><nav>元素给文档页面添加一个导航。</p><p>7.<article>添加一个独立成篇的文档</p><p><article></p><p><header></p><p><nav></nav></p><p></header></p><p><section></section></p><p><footer></footer></p><p></article></p><p>解释：</p><p><article>元素表示独立成篇的文档，里面可以包含头、尾、主题等一系列内容。</p><p>在比较大的页面中会使用到，比如一片博文的列表，每篇博文，都有自己的头、尾、主题等</p><p>内容。</p><p>和此相似的还有论坛的帖子、用户的评论、新闻等。</p><p>8.<aside>生成注释栏</p><p><aside>这是是一个注释</aside></p><p>解释：</p><p><aside>元素专门为某一段内容进行注释使用。</p><p>9.<address>表示文档或article元素的联系信息。</p><p><address>联系信息</address></p><p>解释：</p><p>如果是在<body>元素下时，表示整个文档的联系信息。</p><p>如果是在<article>元</p><p>素下时，表示其下的联系信息。</p><p>10.<details>元素生成详情区域、<summary>元素在其内部生成说明标签</p><p>解释：</p><p>由于大多数主流浏览器尚未支持，暂略。</p><p>七、HTML5嵌入元素</p><p>一．嵌入元素总汇</p><p>这里所列出的元素，并非本节课全部涉及到，比如音频audio、视频video、以及动态</p><p>图像canvas和媒体资源source、track等会在后面章节或季度讲解。</p><p>元素名称说明</p><p>img嵌入图片</p><p>map定义客户端分区响应图</p><p>area表示一个用户客户端分区响应图的区域</p><p>audio表示一个音频资源</p><p>video表示一个视频资源</p><p>iframe嵌入一个文档</p><p>embed用插件在HTML中嵌入内容</p><p>canvas生成一个动态的图形画布</p><p>meter嵌入数值在许可值范围背景中的图形表示</p><p>object在HTML文档中嵌入内容</p><p>param表示将通过object元素传递给插件的参数</p><p>progress嵌入目标进展或任务完成情况的图形表示</p><p>source表示媒体资源</p><p>svg表示结构化矢量内容</p><p>track表示媒体的附加轨道（例如字幕）</p><p>二．嵌入元素解析</p><p>1.<img>嵌入图像</p><p><imgsrc=""></p><p>解释：</p><p><img>元素主要是插入一张外部的图片，那么图片的路径问题和超链接一致。</p><p>img的私有属性</p><p>属性名称说明</p><p>src嵌入图像的URL</p><p>alt当图片不加载时显示的备用内容</p><p>width定义图片的长度（单位是像素）</p><p>height定义图片的高度（单位是像素）</p><p>ismap创建服务器端分区响应图</p><p>usemap关联<map>元素</p><p><ahref=""></p><p><imgsrc=""width="339"height="229"alt="风景图"ismap></p><p></a></p><p>2.<map>创建分区响应图</p><p><imgsrc=""alt="风景图"width="339"height="229"usemap="#Map"></p><p><mapname="Map"></p><p><areashape="rect"coords="31,28,112,100"</p><p>href=""target="_blank"alt="方形"></p><p><areashape="circle"coords="187,142,47"</p><p>href=""target="_blank"alt="圆形"></p><p><areashape="poly"coords="287,26,240,66,308,112"</p><p>href=""target="_blank"alt="多边形"></p><p></map></p><p>解释：</p><p>通过</p> </div> <div class="page_view" id="pageContainer" oncontextmenu="return false">  </div> <div id="outer_page_more" style="margin-bottom:20px;background-color:#FFF; border:solid 1px #ccc; box-shadow:none; "> <div class="inner_page_more" id="page_more" style="width: 920px; overflow:hidden; line-height: 30px;"> <div id="html-reader-go-more" class="banner-wrap more-btn-banner" style="padding: 30px 0px; width: 920px; position:relative;"> <div id="loading" style="text-align:center;width: 920px; padding-bottom:100px; font-size: 18px; line-height:40px;"> <img src="https://static.bdocx.com/images/loading.gif" alt="加载" /><br /> 文档加载中……请稍候！<br /> <a rel="nofollow" href="https://www.bdocx.com/doc/23926344.html" style="color:blue;text-decoration:underline;">如果长时间未打开，您也可以点击刷新试试。</a> </div> <p style="text-align: center; font-size: 18px;"> <span id="ftip">下载文档到电脑，查找使用更方便</span> </p>  <p style="text-align: center; padding-top: 15px;"> <table style="margin:0px auto;"><tr><td> <a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/23926344.html" class="ui-bz-btn-senior banner-download" style="padding: 5px 35px; font-size: 15px; text-decoration: none"><b style="color: #fff">下载</b></a></td><td> <a rel="nofollow" target="_blank" href="https://www.bdocx.com/UserManage/Recharge.aspx?f=0&d=23926344" class="ui-bz-btn-senior2 banner-download" style="padding: 5px 35px; font-size: 15px; text-decoration: none"><b style="color: #fff">加入VIP,免费下载</b></a></td></tr> </table> </p> <p id="ntip" style="text-align: center; padding-top: 30px;"> <div id="ntip" class="banner-more-btn" style="text-align: center; width: 250px; display:block; margin:20px auto;" onclick="showmorepage()"> <span class="moreBtn goBtn" style="text-align: center"><span>还剩<span id="spanpage"></span>页未读，</span><span class="fc2e">继续阅读</span></span><p class="down-arrow goBtn"></p> </div> </div> </div> </div> <div class="works-manage-box shenshu"> <a rel="nofollow" href="javascript:jubao()" title="举报" class="fLeft works-manage-item works-manage-report"> <span class="inline-block ico "> <img src="https://static.bdocx.com/images/jubao.jpg" alt="举报"></span> <br> 举报</a> <a rel="nofollow" href="https://www.bdocx.com/UserManage/CopyrightAppeal.aspx?bid=23926344" title="版权申诉" class="fLeft works-manage-item works-manage-report" target="_blank" <span class="inline-block ico"> <img src="https://static.bdocx.com/images/bang_tan.gif" width="18" alt="版权申诉"></span> <br> 版权申诉</a> <a rel="nofollow" class="fLeft" style="display:block; padding-top:17px; padding-left:20px;font-size:14px;"> word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ </a> <a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/23926344.html" title="点击进入下载" class="fr hover-none works-manage-download"> <em class="mr5">立即下载</em><span class="download-ico2 ico inline-block vertical-middle"></span></a> <input type="hidden" value="1332" id="tu_id"> </div> <dl class="works-intro gray2 cl pb10" style="border-bottom: none; padding-bottom: 0"> <dt class="fl">配套讲稿：</dt><dd class="fl wordwrap" style="color:#666666"><p>如PPT文件的首页显示<font color="#FF0000">word图标</font>，表示该PPT已包<font color="#FF0000">含配套word讲稿</font>。双击word图标可打开word文档。 </p></dd> <dt class="fl">特殊限制：</dt><dd class="fl wordwrap" style="color:#666666"><p>部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。</p></dd> <dt class="fl">关键词：</dt><dd class="fl wordwrap"> HTML CSS 笔记 </dd> </dl> <div class="works-intro gray2 c666"> <span class=" notice-ico"> <img alt="提示" src="https://static.bdocx.com/images/bang_tan.gif" style="padding-left: 24px; vertical-align: middle"></span> 冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。 </div>  <div class="mt10 related-pic-box" id="brandlist" style="height: 450px;"> <div class="works-comment-hd"> 该用户的其他资源 <a rel="nofollow" href="https://www.bdocx.com/user/301.html" class="fr" style="font-size: 12px; font-weight: normal" hidefocus="true" target="_blank">更多>></a></div> <div id="related-pic-list" class="related-pic-list cl" style="padding-left:12px; padding-right:0px;"> <ul> <li><h3><a href="https://www.bdocx.com/doc/23308692.html" target="_parent" title="《公务员财产申报制度》.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/f24279c9-1dc6-4ebd-86bf-a444363004ed/dd644b356efe48b88614719c8b6e31c2.gif' alt="《公务员财产申报制度》.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《公务员财产申报制度》.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308693.html" target="_parent" title="《儿童口腔病学》汇总题库集.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/fec5c155-5d98-4499-b1eb-b342c892a28b/792a83e0fcc84ccb8ffc917d55332fb4.gif' alt="《儿童口腔病学》汇总题库集.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《儿童口腔病学》汇总题库集.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308694.html" target="_parent" title="《建筑施工组织与管理》教案教学内容.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/855b0c91-3a2b-4cbc-96a5-c3cb577643d6/aa36e29ec3e94bf497a2f8dde9e89e5f.gif' alt="《建筑施工组织与管理》教案教学内容.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《建筑施工组织与管理》教案教学内容.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308695.html" target="_parent" title="《班委选举细则》.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/53f5ddcf-3b7e-4682-8f4e-af66592e6a4b/3a286afaf49d4902ba409f512542b1f4.gif' alt="《班委选举细则》.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《班委选举细则》.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308696.html" target="_parent" title="《光伏组件监造技术标准》.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/26246b38-1736-4e24-91b6-855508330d4e/58fefa169e1a4182bb304d6b72875ac2.gif' alt="《光伏组件监造技术标准》.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《光伏组件监造技术标准》.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308697.html" target="_parent" title="《年终表彰大会讲话稿表彰大会致辞稿》.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/ba7e4c68-5df5-48e4-b7f2-b4eea0538da5/9110fff9f7054a73b3d68cde2d3a965f.gif' alt="《年终表彰大会讲话稿表彰大会致辞稿》.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《年终表彰大会讲话稿表彰大会致辞稿》.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308698.html" target="_parent" title="《听颖师弹琴》《李凭箜篌引》分别鉴赏及对比鉴赏加练习人教版高一选修.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/f4a9461a-fc35-4f2e-a66d-ac82f29dda6e/6fcaf92297b740c682ff9840f6aa3500.gif' alt="《听颖师弹琴》《李凭箜篌引》分别鉴赏及对比鉴赏加练习人教版高一选修.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《听颖师弹琴》《李凭箜篌引》分别鉴赏及对比鉴赏加练习人教版高一选修.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308699.html" target="_parent" title="《鹬》分镜头脚本.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/7658eeeb-2752-4647-b09d-252ddfc8db56/041192395d194ba2907f8c0416552790.gif' alt="《鹬》分镜头脚本.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《鹬》分镜头脚本.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308700.html" target="_parent" title="5套打包宜昌市小学四年级语文上期中考试单元测试题及答案.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/0fa853b6-10a9-4e51-8d52-93181d6de2e3/9c49146f9dd9483fae5e0e49cbea1743.gif' alt="5套打包宜昌市小学四年级语文上期中考试单元测试题及答案.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 5套打包宜昌市小学四年级语文上期中考试单元测试题及答案.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308701.html" target="_parent" title="16开纸田字格word字帖模板.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/0f8f0421-8b5f-49e2-94b1-5d45b53ddbc1/0cbde5ac76124d198d3383f12ccb14e8.gif' alt="16开纸田字格word字帖模板.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 16开纸田字格word字帖模板.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308702.html" target="_parent" title="315食品安全活动策划书.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/5a8d6e07-c49f-4805-b61d-40d498def970/6d629f70c97d4ca8bfd21ff8ef0fc279.gif' alt="315食品安全活动策划书.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 315食品安全活动策划书.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308703.html" target="_parent" title="CFG桩基础施工方案详解.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/b0455f09-67b5-4e5c-9259-671bb0f200f6/47446e98475044728fff933c8acc7b9d.gif' alt="CFG桩基础施工方案详解.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> CFG桩基础施工方案详解.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308704.html" target="_parent" title="08人机工程学中英文资料外文翻译文献.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/425a2ee1-40c9-4941-b8ca-676c9088ba57/2720ad90b1ae485c9174bbec86b9a473.gif' alt="08人机工程学中英文资料外文翻译文献.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 08人机工程学中英文资料外文翻译文献.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308705.html" target="_parent" title="《读古典名著口百味人生》获奖精品省优获奖教案部编版语文精品.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/7f1b467e-ae6a-47b4-8e3e-fb6f16777a6a/698713a522e247bb9e4499facd0ab9c2.gif' alt="《读古典名著口百味人生》获奖精品省优获奖教案部编版语文精品.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《读古典名著口百味人生》获奖精品省优获奖教案部编版语文精品.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308706.html" target="_parent" title="《功课很重要》教案1学习资料.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/6e3f70f8-5e38-4da1-9807-a3e2c6968b9a/f90ab33b01df4869884a9601ba3ee682.gif' alt="《功课很重要》教案1学习资料.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《功课很重要》教案1学习资料.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308707.html" target="_parent" title="《冷拼工艺》教案.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/8e519831-e576-4796-9c44-b22901ee894e/85a47e48ee7f46d7a87724e198b7a108.gif' alt="《冷拼工艺》教案.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《冷拼工艺》教案.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308708.html" target="_parent" title="《唐人街探案3》电影观后感《唐人街探案3》心得作文5篇.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/7a117c7d-8a3e-4487-8bea-0bd1ff8e1752/88245f34f3f346c7a997725e187abc38.gif' alt="《唐人街探案3》电影观后感《唐人街探案3》心得作文5篇.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《唐人街探案3》电影观后感《唐人街探案3》心得作文5篇.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308709.html" target="_parent" title="《C语言程序设计》习题.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/22a84ca1-da73-4f82-8e07-db3234340ac9/90f6a5f6c55b4e58bedebc96665153ab.gif' alt="《C语言程序设计》习题.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《C语言程序设计》习题.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308710.html" target="_parent" title="《幼儿园课程游戏化的实践研究》.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/16e8154d-2086-4e44-91ce-ec7cf41bbeaf/02d37bb184474a129f895d01ba97fe92.gif' alt="《幼儿园课程游戏化的实践研究》.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《幼儿园课程游戏化的实践研究》.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308711.html" target="_parent" title="4现场管理档案.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/e107da3e-b910-4714-b98e-04f081d70eaa/737624c68d284658a504714d16bc7cda.gif' alt="4现场管理档案.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 4现场管理档案.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308712.html" target="_parent" title="13级西医专业基础综合测评答.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/b88954d9-e51f-431e-9d0c-be4dfce5e5a9/57957ff15ac54030a816360ac9032ecb.gif' alt="13级西医专业基础综合测评答.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 13级西医专业基础综合测评答.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308713.html" target="_parent" title="100部校园电影全.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/f1d69c75-00c9-4db7-9557-636fcb1a29cc/a7ec7aac7aa241ffb7bc26e685d57880.gif' alt="100部校园电影全.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 100部校园电影全.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308714.html" target="_parent" title="CAD制图标准.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/00f82c42-ddd6-4d52-87cd-824411c233b9/b5ac6b9083604be5a4c362f5a03ad93b.gif' alt="CAD制图标准.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> CAD制图标准.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308715.html" target="_parent" title="《分数除法一.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/35965837-5c81-4956-995d-918a3e84cd60/55e17b8c12354296ab7d653b55eff86c.gif' alt="《分数除法一.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《分数除法一.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308716.html" target="_parent" title="edb72192ac02de80d4d8d15abe23482fb5da0291.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/fcad248f-d7da-489f-b261-33979da36207/876bc971c523464cab78356f8d4e9db4.gif' alt="edb72192ac02de80d4d8d15abe23482fb5da0291.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> edb72192ac02de80d4d8d15abe23482fb5da0291.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308717.html" target="_parent" title="H236车联网资料路尚行业版OMP操作手册服务商0618.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/dfb638f7-0128-4fef-8ca9-eb7d4a1415a5/be3ad4a9ae2b4de2bee5d95cd37a35da.gif' alt="H236车联网资料路尚行业版OMP操作手册服务商0618.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> H236车联网资料路尚行业版OMP操作手册服务商0618.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308718.html" target="_parent" title="jarlasscon门机.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/fcd3fc85-3de4-4e22-be6d-8c07ccfbd5d0/7c110d972b3f486b84744cbefa0a04a5.gif' alt="jarlasscon门机.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> jarlasscon门机.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308719.html" target="_parent" title="《百分百责任学习心得》.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/b72682d6-310a-4af3-8063-976ff90125d5/a9074198d3da48bd8149ddb118d1cfb2.gif' alt="《百分百责任学习心得》.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《百分百责任学习心得》.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308720.html" target="_parent" title="《管理学基础》习题18章单凤儒.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/683026ca-87ab-4750-bcd5-108c6cccc046/758c6069e82841ecb98c76c2834edbf6.gif' alt="《管理学基础》习题18章单凤儒.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《管理学基础》习题18章单凤儒.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308721.html" target="_parent" title="《旅游专业日语》课程实施方案.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/78db2092-773d-4563-9dd3-3c02395bd1a1/48c97c1f10ef42d6b45ed85041c41749.gif' alt="《旅游专业日语》课程实施方案.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《旅游专业日语》课程实施方案.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308722.html" target="_parent" title="《铁路旅客运输服务》学习指导书.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/44b03a55-516d-479a-a10e-b632268b38dd/4e3468df891d4003b7b9bdd9bfc27941.gif' alt="《铁路旅客运输服务》学习指导书.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《铁路旅客运输服务》学习指导书.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/23308723.html" target="_parent" title="《预算会计》课程标准.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-5/16/26657de3-7aeb-472d-9887-7b7dcc407535/7728fd54e7564019a31e5a650634f1ee.gif' alt="《预算会计》课程标准.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 《预算会计》课程标准.docx </a></h3></li> </ul> </div> </div> <div class="mt10 related-pic-box" id="Div1" style="height: 450px; overflow:hidden;"> <div class="works-comment-hd"> 猜你喜欢 </div> <div id="related-pic-list" class="related-pic-list cl" style="padding-left:12px; padding-right:0px;"> <ul> <li><h3><a href="https://www.bdocx.com/doc/16114341.html" target="_parent" title="质量管理体系文档格式.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/42b4f0b3-9cd1-4a91-984a-d88f42a2faf7/b7ca9703d02c4767a31292fe6e08217b.gif' alt="质量管理体系文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 质量管理体系文档格式.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114342.html" target="_parent" title="重复在电影剧作中的应用程汇总Word格式文档下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/cafe8195-6ef5-4ac9-89b3-89d92652e075/6370ed0648184a7bb6fcc84ddc54ec75.gif' alt="重复在电影剧作中的应用程汇总Word格式文档下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 重复在电影剧作中的应用程汇总Word格式文档下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114343.html" target="_parent" title="最新25《消防安全标志设置要求》Word格式文档下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/900dcc08-7a08-4040-86e8-7029fb5ed28e/d990448d43904664a535f0574d30c4a5.gif' alt="最新25《消防安全标志设置要求》Word格式文档下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 最新25《消防安全标志设置要求》Word格式文档下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114344.html" target="_parent" title="幼儿园教师寄语大全精选范文文档格式.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/ea17fa4d-bf9e-47f7-bf6e-b0b5aafea6bc/92a10600a7cb41bf9c50a05b80a0eb70.gif' alt="幼儿园教师寄语大全精选范文文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 幼儿园教师寄语大全精选范文文档格式.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114345.html" target="_parent" title="资格审查条件附录1至附录7文档格式.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/7b2613be-94fe-4d05-a57a-14b091cd21b7/3edeee08facc4963bd560b90d76ec9dc.gif' alt="资格审查条件附录1至附录7文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 资格审查条件附录1至附录7文档格式.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114346.html" target="_parent" title="正确使用熟语Word文件下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/bbb0b27b-6b34-4c41-9077-69cf0b046508/54ee8541f44745a5945e9aa4d7af6b02.gif' alt="正确使用熟语Word文件下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 正确使用熟语Word文件下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114347.html" target="_parent" title="自考英语2词组Word文档格式.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/1e931236-0916-4e14-90a0-79df1504e8a5/c288323eb8484f9ebf35862f0e44d4b8.gif' alt="自考英语2词组Word文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 自考英语2词组Word文档格式.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114348.html" target="_parent" title="自主招生考试英语试题及答案初中升高中docWord下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/f6463f77-9bd2-473e-a470-8867f4105b0b/3790241e07b843398f85cab2dcdf13de.gif' alt="自主招生考试英语试题及答案初中升高中docWord下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 自主招生考试英语试题及答案初中升高中docWord下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114349.html" target="_parent" title="智能建筑全套验收资料分项分部子分部Word文档下载推荐.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/72de52fd-12d3-446d-8d1c-4c3b5be568ab/07d627d9e9f945a8a48999007560866a.gif' alt="智能建筑全套验收资料分项分部子分部Word文档下载推荐.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 智能建筑全套验收资料分项分部子分部Word文档下载推荐.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114350.html" target="_parent" title="最新版苏教版七年级上册语文第16课《济南的冬天》教案初中语文教案Word下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/b81cd2c7-eccf-4986-a6ce-c69ecec7e0b6/6773e1cd90e64b95a372eac3683e8c3b.gif' alt="最新版苏教版七年级上册语文第16课《济南的冬天》教案初中语文教案Word下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 最新版苏教版七年级上册语文第16课《济南的冬天》教案初中语文教案Word下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114351.html" target="_parent" title="综合行政执法局扫黑除恶专项斗争工作总结与综合财务工作总结多篇范文汇编docWord文档格式.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/b9b9c3f6-3ac5-433d-b14c-5238e754e3ca/b86b60cad802482ca40c3ba9615358b9.gif' alt="综合行政执法局扫黑除恶专项斗争工作总结与综合财务工作总结多篇范文汇编docWord文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 综合行政执法局扫黑除恶专项斗争工作总结与综合财务工作总结多篇范文汇编docWord文档格式.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114352.html" target="_parent" title="钻孔灌注桩施工原始记录要点Word格式文档下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/e3d93f4d-dd95-4b95-8378-d77a213e9b01/ced90bf3b248447f8332723ee2af9409.gif' alt="钻孔灌注桩施工原始记录要点Word格式文档下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 钻孔灌注桩施工原始记录要点Word格式文档下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114353.html" target="_parent" title="中国近代史模拟试题13及答案Word格式.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/fae18b03-ac62-452d-bba0-98c1dd3c1a3f/ceafcb064cbd4189a473ec6fc1a4be3a.gif' alt="中国近代史模拟试题13及答案Word格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 中国近代史模拟试题13及答案Word格式.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114354.html" target="_parent" title="幼儿园安全教育教案精选20篇Word文档下载推荐.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/b987fbc5-2319-4853-80b4-a67c7f191fde/cb6bad49daac466988012d78bf72bc2f.gif' alt="幼儿园安全教育教案精选20篇Word文档下载推荐.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 幼儿园安全教育教案精选20篇Word文档下载推荐.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114355.html" target="_parent" title="医疗器械销售人员个人工作总结四篇文档格式.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/bc5ae7a7-e120-493a-89a9-84208c6203ed/6ec5ae4fe4b040eb9ecfcaaeed8fe160.gif' alt="医疗器械销售人员个人工作总结四篇文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 医疗器械销售人员个人工作总结四篇文档格式.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114356.html" target="_parent" title="最新老师师德师风工作总结范文大全Word文档下载推荐.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/8d20aa77-baf9-4797-814a-66b2458ccc7d/3b98d92aabed455a8650cd3e8742c6c6.gif' alt="最新老师师德师风工作总结范文大全Word文档下载推荐.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 最新老师师德师风工作总结范文大全Word文档下载推荐.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114357.html" target="_parent" title="最新短期租房合同范本范本Word格式文档下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/3f3074f7-45e3-4bbe-89a0-dd7a75b6e946/87e80702ab0c45c283c2c2ebdd1fe220.gif' alt="最新短期租房合同范本范本Word格式文档下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 最新短期租房合同范本范本Word格式文档下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114358.html" target="_parent" title="中医病证诊断疗效标准皮肤科Word下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/55a58e10-1756-44b7-9bb8-d5a455ee530d/81311502ea0e4d6aadd4c435deac6982.gif' alt="中医病证诊断疗效标准皮肤科Word下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 中医病证诊断疗效标准皮肤科Word下载.docx </a></h3></li> <li><h3><a href="https://www.bdocx.com/doc/16114359.html" target="_parent" title="最新河南省中考数学试题及答案最新精选优秀名师资料Word文件下载.docx"> <img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/20/058e61c8-8cf8-4eec-9750-cc170b417681/b70ceacd90c34035beac114916eeee9a.gif' alt="最新河南省中考数学试题及答案最新精选优秀名师资料Word文件下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png"> 最新河南省中考数学试题及答案最新精选优秀名师资料Word文件下载.docx </a></h3></li> </ul> </div> </div> <div class="mt10 works-comment"> <div class="works-comment-hd"> <span class="font-tahoma">关于本文</div> <div style="line-height: 25px; padding: 10px 20px;"> 本文标题：HTML CSS 笔记.docx<br /> 链接地址：<a rel="nofollow" href="https://www.bdocx.com/doc/23926344.html">https://www.bdocx.com/doc/23926344.html</a><br /> </div> </div> </div> <div class="boxright" id="boxright" > <div class="fr detail-aside" id="Div11" style="width:290px;"> <div class="box hot-keywords mt10" id="relatebox"> <div class="boxHd" style="padding-bottom: 0px;"> <em></em><span>相关资源</span> <a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=HTML+CSS+%e7%ac%94%e8%ae%b0.docx');" >更多</a> </div> <div id="author-works-list" class="author-works-list bgF"> <ul> <li><img alt="功能材料课件.ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864400.html" title="功能材料课件.ppt">功能材料课件.ppt</a> </li><li><img alt="9、我们的影子.ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864399.html" title="9、我们的影子.ppt">9、我们的影子.ppt</a> </li><li><img alt="光功能材料PPT.ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864398.html" title="光功能材料PPT.ppt">光功能材料PPT.ppt</a> </li><li><img alt="危险与可操作性分析(HAZOP)方法介绍PPT.pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864397.html" title="危险与可操作性分析(HAZOP)方法介绍PPT.pptx">危险与可操作性分析(HAZOP)方法介绍PPT.pptx</a> </li><li><img alt="中国制造网账号优化攻略.ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864396.html" title="中国制造网账号优化攻略.ppt">中国制造网账号优化攻略.ppt</a> </li><li><img alt="部编版五年级语文下册第17课《跳水》精品课件(统编).pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864395.html" title="部编版五年级语文下册第17课《跳水》精品课件(统编).pptx">部编版五年级语文下册第17课《跳水》精品课件(统编).pptx</a> </li><li><img alt="部编版五年级语文下册第17课《跳水》优秀PPT课件.pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864394.html" title="部编版五年级语文下册第17课《跳水》优秀PPT课件.pptx">部编版五年级语文下册第17课《跳水》优秀PPT课件.pptx</a> </li><li><img alt="行政事业单位内部控制培训课件.pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864393.html" title="行政事业单位内部控制培训课件.pptx">行政事业单位内部控制培训课件.pptx</a> </li><li><img alt="专题七采购成本与价格管理.ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864392.html" title="专题七采购成本与价格管理.ppt">专题七采购成本与价格管理.ppt</a> </li><li><img alt="燃气经营安全重大隐患判定标准解读课件.pptx" class="pptx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30864391.html" title="燃气经营安全重大隐患判定标准解读课件.pptx">燃气经营安全重大隐患判定标准解读课件.pptx</a> </li></div> </ul> </div> <div class="box hot-keywords mt10" id="box3" style="overflow: hidden;width: 288px; border:solid 1px #dedede;"> <div class="boxHd" style="border: none;padding-bottom: 0px;"> <em></em><span>相关搜索</span> </div> <input name="ctl00$Content$hiddenCategoryID" type="hidden" id="Content_hiddenCategoryID" value="32" /> <div class="hot-keywords-list"> <a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=HTML');" class="tag-item ico" title="HTML" hidefocus="true"><span class="ico"><em> HTML</em></span></a> <a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=CSS');" class="tag-item ico" title="CSS" hidefocus="true"><span class="ico"><em> CSS</em></span></a> <a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e7%ac%94%e8%ae%b0');" class="tag-item ico" title="笔记" hidefocus="true"><span class="ico"><em> 笔记</em></span></a> </div> </div> <div class="job-recommend"> <h3 class="job-title"><svg t="1586228347294" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="https://www.w3.org/2000/svg" p-id="7996" width="20" height="20"><path d="M870 154c-13.1-13.1-30.4-21.8-49.8-24L527.8 97.5c-25.2-2.8-50.3 6-68.3 24l-326 326c-48.7 48.7-48.7 128.5 0 177.2l265.8 265.8c48.7 48.7 128.5 48.7 177.2 0l326-326c17.9-17.9 26.8-43.1 24-68.3L894 203.8c-2.2-19.4-10.9-36.8-24-49.8z m3.2 381.1l-326 326c-15.7 15.7-36.8 24.4-59.3 24.4s-43.5-8.7-59.3-24.4L162.9 595.3c-15.7-15.7-24.4-36.8-24.4-59.3s8.7-43.5 24.4-59.2l326-326c7.9-7.9 18.5-12.3 29.7-12.3 1.5 0 3.1 0.1 4.6 0.3l292.4 32.5c9.6 1.1 18.2 5.2 25 12 6.8 6.8 11 15.5 12.1 25.1l32.5 292.3c1.5 12.8-2.9 25.3-12 34.4z" p-id="7997" fill="#ea986c"></path><path d="M723.3 217.7c-45.8 0-83 37.2-83 83s37.2 83 83 83 83-37.2 83-83c0-45.9-37.1-83-83-83z m0 124.5c-22.9 0-41.5-18.6-41.5-41.5s18.6-41.5 41.5-41.5 41.5 18.6 41.5 41.5-18.6 41.5-41.5 41.5z" p-id="7998" fill="#ea986c"></path></svg> 热门标签</h3> <div class="job-recommend-area"> <ul class="taglist--inline multi"> <li class="tagPopup"><a target="_parent" class="tag tag1" href="https://www.bdocx.com/mark/20niangaoxiaogong.html">20年高校工</a></li> <li class="tagPopup"><a target="_parent" class="tag tag2" href="https://www.bdocx.com/mark/wenyiwengaodinghehuorenlushi.html">文一文搞定合伙人律师</a></li> <li class="tagPopup"><a target="_parent" class="tag tag3" href="https://www.bdocx.com/mark/huanjingchuangshepingbihuodong.html">环境创设评比活动</a></li> <li class="tagPopup"><a target="_parent" class="tag tag4" href="https://www.bdocx.com/mark/yingyujianglaiwancheng.html">英语将来完成</a></li> <li class="tagPopup"><a target="_parent" class="tag tag0" href="https://www.bdocx.com/mark/shouhoukefugeren.html">售后客服个人</a></li> <li class="tagPopup"><a target="_parent" class="tag tag1" href="https://www.bdocx.com/mark/jingbianshashijiagongsheji.html">精编砂石加工设计</a></li> <li class="tagPopup"><a target="_parent" class="tag tag2" href="https://www.bdocx.com/mark/jiegaokaohuaxueelunfuxitixingtexunjingbian40tihuaxueshiyanjichudaanjiexigaokaohuaxue.html">届高考化学二轮复习题型特训精编40题化学实验基础答案+解析高考化学</a></li> <li class="tagPopup"><a target="_parent" class="tag tag3" href="https://www.bdocx.com/mark/jiudianwaipaigongchengshigongfangan.html">酒店外排工程施工方案</a></li> <li class="tagPopup"><a target="_parent" class="tag tag4" href="https://www.bdocx.com/mark/huanledeyuandanlianhuanhuilianhuanhuizuowen350zichuyijishihuanleyuandan.html">欢乐的元旦联欢会联欢会作文350字初一记事欢乐元旦</a></li> <li class="tagPopup"><a target="_parent" class="tag tag0" href="https://www.bdocx.com/mark/huwaidaohangrumenjingtong.html">户外导航入门精通</a></li> </ul> </div> </div> </div> </div> </div> </div> <script src="https://static.bdocx.com/js/artDialog-5.0.3/artDialog.min.js"></script> </div> <div class="tempdiv cssnone" style="line-height:0px;height:0px; overflow:hidden;"> </div> <script> var doctitle = "HTML CSS 笔记.docx"; Encoder.EncodeType = "entity"; var nodecode = '0000200001'; var adhtml = ""; var adarray = Encoder.htmlDecode(adhtml); initWidth(); var product_id = "23926344"; var product_code = "23926344"; var mtp = 20; var fCount = 35; var stp = 1; var lmt = 20; var ForceFreepage = parseInt('20'); if(lmt > ForceFreepage)lmt = ForceFreepage; var mhs = 595 * 841; var mhi = new Array("342774"); var mhls = new Array("0"); var mfvs = new Array("0"); var sw = 595; var sh = 841; var IsDealSwfSize = sw > 0; var minwidth=920; var BookMarkPage = parseInt('1'); var adpagecount = parseInt("2"); var defaultShowPage =parseInt( "5"); var defaultShowPage2 =defaultShowPage; var leftfilecount = fCount - defaultShowPage; if(leftfilecount<0)leftfilecount=0; var scorename = "金币"; var LimitText = '10'; var LimitButtonText = '现在购买'; var DocScoreDownLoad = parseFloat('10'); var ReadLimitDays = "365"; var bookrelArray = ""; var url_root = "https://www.bdocx.com/"; var goumaiico = 'images/xiazai_1.gif'; var lmtext = ''; lmtext = '<div class="inner_page_more" id="page_more" style="width:930px; height:260px; line-height:30px;">' +'<div id="html-reader-go-more" class="banner-wrap more-btn-banner" style="padding-top:40px; width:930px;">' +'<p style="text-align:center;font-size:18px;">亲，很抱歉，此页已超出免费预览范围啦！<br/>如果喜欢就下载吧，价低环保！</p><p style="text-align:center;font-size:14px;">' +'<b></b><span><b style="color:#ff0000">10</b> 金币</span>' +'</p><p style="text-align:center; padding-top:30px;">' +'<a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/23926344.html" class="ui-bz-btn-senior banner-download" style="padding:5px 35px; font-size:15px; text-decoration:none">' +'<b style="color:#fff">立即下载</b></a>' +' <a target="_blank" href="https://www.bdocx.com/UserManage/Recharge.aspx?f=0&d=23926344"class="ui-bz-btn-senior2 banner-download" style="padding:5px 35px; font-size:15px; text-decoration:none">' +'<b style="color:#fff">加入VIP,免费下载</b></a>' +'</p></div></div> '; var curtotalpage = defaultShowPage; function showmorepage() { var from = curtotalpage+1; var leftcount = ((mtp - curtotalpage)<defaultShowPage?mtp:(curtotalpage+defaultShowPage)); for (var i = from; i <=leftcount; i++) { Viewer._Addpage(i); curtotalpage+=1; } leftfilecount = mtp - (curtotalpage); Viewer._dfsp=curtotalpage; if(from<leftcount) { Viewer.InitAD_left(from,leftcount); showAd(); } if(leftfilecount<=0) { if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便"); if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。"); $("#ntip").hide(); $("#ntip2").hide(); if($("#btnvip"))$("#btnvip").html("VIP查看完整版"); if("#ftip3")$("#ftip3").text(fCount-curtotalpage); if($("#ftip2"))$("#ftip2").show(); if(fCount-curtotalpage <=0) { if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP"); if($("#btnvip"))$("#btnvip").html("VIP免费下载"); } } var st = ($(this).scrollTop()); $(this).scrollTop(st +1); $("#spanpage").text(fCount-curtotalpage); } function showmoretopage(to) { var from = curtotalpage+1; var leftcount = ((mtp - curtotalpage)<defaultShowPage?mtp:(curtotalpage+defaultShowPage)); if(to > leftcount)leftcount=to; for (var i = from; i <=leftcount; i++) { Viewer._Addpage(i); curtotalpage+=1; } leftfilecount = mtp - (curtotalpage); Viewer._dfsp=curtotalpage; if(from<leftcount) { Viewer.InitAD_left(from,leftcount); showAd(); } if(leftfilecount<=0) { if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便"); if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。"); $("#ntip").hide(); $("#ntip2").hide(); if($("#btnvip"))$("#btnvip").html("VIP查看完整版"); if("#ftip3")$("#ftip3").text(fCount-curtotalpage); if($("#ftip2"))$("#ftip2").show(); if(fCount-curtotalpage <=0) { if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP"); if($("#btnvip"))$("#btnvip").html("VIP免费下载"); } } $("#spanpage").text(fCount-curtotalpage); } function adss() {var st = ($(this).scrollTop())-2; $(this).scrollTop(st);} function showAd() { $(".addivp").each(function(){ var adindex = ($(this).attr("link")); var adid = ($(this).attr("id")); document.getElementById(adid).innerHTML = document.getElementById("adpre" + adindex).outerHTML; $("#adpre" + adindex).css({ margin: "0px auto" }); }); } </script> <script> var operateType = 1; var uid = "0"; var DocID = "23926344"; var zw = 595; var zh = 841; var zrate = (zw==0||zh==0)?1:(zh/zw); var isplay = 0; var width = "830"; var height = getClientHeight(); if (height < 560) height = 560; height = ('False' == 'True' ? 570 : height); var scorename = "金币"; var params = {}; </script> <script src="https://static.bdocx.com/master/view/view2.js"></script> <script> $(document).ready(function() { initPage(); $("#loading").hide(); $("#spanpage").text(leftfilecount); var lf = mtp - (defaultShowPage); if(lf<=0) { if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便"); if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。"); $("#ntip").hide(); $("#ntip2").hide(); if($("#btnvip"))$("#btnvip").html("VIP查看完整版"); if("#ftip3")$("#ftip3").text(fCount-curtotalpage); if($("#ftip2"))$("#ftip2").show(); if(fCount-curtotalpage <=0) { if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP"); if($("#btnvip"))$("#btnvip").html("VIP免费下载"); } } window.setTimeout( function () { try { if(BookMarkPage == 1) { $(this).scrollTop(0); } else { Viewer._GotoPage(BookMarkPage); } }catch(e){} },500); if(defaultShowPage>0){ $("#outer_page_more").show();}else{ $("#outer_page_more").hide();} }); </script> <script> $('body').bind('contextmenu', function() {return false;}); $('body').bind("selectstart",function(){return false;}); </script> <div class="cssnone"> <iframe title = "来源分析" src="https://www.bdocx.com/BookRead.aspx?id=XXL92VUm5Z%2fWYy2OP9C1wA%3d%3d&parto=026b5asfnwLUSMUXZYPU8%2bS9iF40N1Vf6YHdci1JEh3Iut%2bWFQWdpgks80zQrhvat5GcKcbDdZHBMBD6d40ac38BGVStQJ1AdQYUoGhJAhvBQcVGBSdQxnqSUU8xuvKig0Xa3XzjrioLnRi2qtFn8%2bkL2nCEuo%2fSSN0IDk5Vtn1r2%2faWrujI6ytluNdetotm%2bj3%2f2uspUp2tshX196Qm2jWf%2fkQYdbiY" frameborder="0" style="width: 0px; height: 0px"> </iframe> </div>  <span id="LabelScript"></span> </div> </div> <div class="getwximg_div" style="display:none;"> </div> <script> var isloginto = false; function initwxlogin() { var arr = $(".getwximg_div"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://www.bdocx.com/header.aspx?getcate=100"; $.get(url + "&t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } } </script> <script>function popLogin() { window.location.href = '/login.aspx?returl=https%3a%2f%2fwww.bdocx.com%2fView_wj.aspx%3fid%3d23926344'; return; }</script> <script type="text/javascript"> var objjubao = null; function jubao() { var html = '<iframe src="https://www.bdocx.com/UserManage/ReportBack.aspx?id=23926344&url=rkm56XE mSTpX60 NSICJJzJeI0SxkjuKOfuUZPhKhCTfAMb94N9tNUy/KH2h6yo" scrolling="no" frameborder="0" style="width: 600px; height: 420px"></iframe>'; objjubao = art.dialog({ title: '非法内容有奖举报', content: html, close: Closejubao, width: '700', height: '470', skin: 'blue', lock: true, background: '#666', opacity: .6, duration: 300, fixed: true, left: '50%', top: '38.2%', zIndex: 1987, resize: true, drag: true }); } function Closejubao() { objjubao.close(); } </script>  <div class="bg_100 foot_nav_bg" style=" min-width:1200px;"> <div class="foot_nav"> <a href="https://www.bdocx.com/h-33.html" target="_blank" >关于我们</a> - <a href="https://www.bdocx.com/h-34.html" target="_blank" >网站声明</a> - <a href="https://www.bdocx.com/h-35.html" target="_blank" > 网站地图</a> - <a href="https://www.bdocx.com/sitemap.html" target="_blank" > 资源地图</a> - <a href="https://www.bdocx.com/friend.aspx" target="_blank" >友情链接</a> - <a rel="nofollow" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" >网站客服</a> - <a rel="nofollow" href="https://www.bdocx.com/h-38.html" target="_blank" >联系我们</a> </div> </div> <div class="bg_100 siteInner_bg" style=" min-width:1200px;"> <div class="siteInner"> <p style="text-align: center;">copyright@ 2008-2022 冰点文档网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?e215eb657a3f46c69d47e590e96ccbdd"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script><script>(function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?46796c789de3003a5113847b2981b93831ac52d6d1cb31ddda7500aa017814283d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window)</script> </div> </div>   <div class="QQ_S" style="height: auto;position:fixed;right: 0px;bottom: 20px; top:auto;"> <div class="Q_top" onclick="HideFoot()"> <span class="signi"></span>收起</div> <div class="Q_botm"> <div class="Q_pic"> <div class="Q_pic_hide"> <a rel="nofollow" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" target="_blank" title="在线客服" ><span class="hide_pic"></span>在线客服</a> </div> </div> <div class="Q_anser"> <div class="Q_anser_hide"><a rel="nofollow" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=307372695@qq.com" title="意见反馈"> <span class="hide_pic1"></span>意见反馈 </a> </div> </div> <div class="Q_sign"> <div class="Q_sign_hide" onclick="backToTop();"><a rel="nofollow" href="javascript:void(0)" title="返回顶部"><span class="hide_pic2"></span>返回顶部 </a></div> </div> </div> </div> <div class="QQ_S1"> <div class="Q_top1" onclick="ShowFoot()"> <span class="signj"></span>展开</div> <div class="Q_botm1"> <div class="Q_pic1"> <div class="Q_pic1_hide"> <a rel="nofollow" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" > <span class="hide_pic3"></span>QQ交谈</a></div> </div> <div class="Q_sign1"> <div class="Q_sign1_hide" onclick="backToTop();"><a rel="nofollow" href="javascript:void(0)">返回顶部</a></div> </div> </div> </div>  <script type="text/javascript" src="https://static.bdocx.com/js/lanrenzhijia.js"></script> <script type="text/javascript" src="https://static.bdocx.com/js/jquery.lazyload.js"></script> <script type="text/javascript" charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> <script type="text/javascript" src="https://static.bdocx.com/umeditor/xss.js"></script> </body> </html>