HTML+Css+JavaScript基本语句

最新推荐文章于 2024-08-17 22:09:47 发布

朝游碧海暮苍梧

最新推荐文章于 2024-08-17 22:09:47 发布

阅读量146

点赞数

分类专栏： html+css 文章标签： html5 css

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_42530422/article/details/120557075

版权

html+css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这篇博客介绍了HTML5中关于表格、列表和超链接的基本元素和属性，包括如何创建表格、定义列表类型、设置超链接以及样式控制。详细讲解了诸如、、

、、等标记的用法，以及CSS3中关于布局和样式的属性，如背景颜色、边距、字体样式等。此外，还涵盖了表单元素如、的应用。 </div> <span>摘要由CSDN通过智能技术生成</span> </div> </div> <article class="baidu_pl"> <div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-044f2cf1dc.css"> <div id="content_views" class="markdown_views prism-tomorrow-night-eighties"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg> <ol><li>文件->新建 -> 项目 -><br /> <img src="https://i-blog.csdnimg.cn/blog_migrate/5973fc3f3125a8e4988b6d7b38e59f50.png" alt="在这里插入图片描述" /><br /> <a href="https://ask.dcloud.net.cn/article/89" rel="nofollow">参考</a></li></ol> <h3><a id="HTML5_4"></a>HTML5</h3> <h4><a id="_5"></a>双标记</h4> <table><thead><tr><th>语句</th><th>作用</th><th>ValueValue</th><th>Value</th></tr></thead><tbody><tr><td>< table> < /table></td><td>制作表格标记</td><td></td><td></td></tr><tr><td>< tr>…< /tr></td><td>插入行，一对< tr>表示一行，两对< tr>表示两行</td><td></td><td></td></tr><tr><td>< td> …< /td></td><td>表示一列，一对< td>表示一列</td><td></td><td></td></tr><tr><td>< p>…< /p></td><td>表示插入段落文字</td><td></td><td></td></tr><tr><td>< body style=“background-color:blue”> …< /body></td><td>背景颜设置</td><td></td><td></td></tr><tr><td>topmarigin，leftmargin ，rightmargin,bottommargin</td><td>设置到顶端的,左边，右边，底部距离</td><td></td><td></td></tr><tr><td>< del>…< /del></td><td>添加删除线</td><td></td><td></td></tr><tr><td>< ruby>…< rt> …< /rt>…< /ruby></td><td>对文字进行标注标记</td><td></td><td></td></tr><tr><td>< b>…< /b></td><td>对文字加粗</td><td></td><td></td></tr><tr><td>< i>…< /i></td><td>文字设置为斜体</td><td></td><td></td></tr><tr><td>< sup>…< /sup></td><td>上标内容</td><td></td><td></td></tr><tr><td>< sub>…< /sub></td><td>下标内容</td><td></td><td></td></tr><tr><td>< address> …< /address></td><td>设置地址文字</td><td></td><td></td></tr><tr><td>< tt>…< /tt></td><td>设置打字机显示风格</td><td></td><td></td></tr><tr><td>< code>…< /code></td><td>等宽文字设置</td><td></td><td></td></tr><tr><td>< samp>…< /samp></td><td>等宽文字设置</td><td></td><td></td></tr><tr><td>< kbd>…< /kbd></td><td>键盘输入效果</td><td></td><td></td></tr><tr><td>< pre>…< /pre></td><td>预格式化；在输入过程中，按键盘上的回车键，就可以生成一个段落</td><td></td><td></td></tr><tr><td>< blockquote>…< /blockquote></td><td>设置段落缩进</td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></tbody></table> <h4><a id="_48"></a>列表</h4> <table><thead><tr><th>语句</th><th>作用</th></tr></thead><tbody><tr><td>dl</td><td>定义列表</td></tr><tr><td>ul</td><td>无序列表</td></tr><tr><td>dir</td><td>目录列表</td></tr><tr><td>ol</td><td>有序列表</td></tr><tr><td>插入定义列表：</td><td></td></tr><tr><td>< dl> < dt>…< dd> < /dl></td><td>< dt>标记定义了组成列表项名称部分，同时此标记只在< dl>标记中使用；< dd>用以解释说明< dt>标记定义的项目名称，此标记也只在< dl>标记中使用。</td></tr><tr><td>插入无序列表</td><td></td></tr><tr><td>< ul> < li>…< /li>< /ul></td><td>< ul>标记可以插入无序列表，但< ul>标记之间必须使用成对< li>< /li>标记添加列表项值。</td></tr><tr><td>插入有序列表：</td><td></td></tr><tr><td>< ol> < li>…< /li> < /ol></td><td>< ol>标记之间必须使用成对< li>< /li>标记添加列表项值</td></tr><tr><td></td><td></td></tr></tbody></table> <h4><a id="_64"></a>单标记</h4> <table><thead><tr><th>语句</th><th>作用</th><th>ValueValue</th><th>Value</th></tr></thead><tbody><tr><td>< !-- 添加注释 --></td><td>添加注释</td><td></td><td></td></tr><tr><td>< br></td><td>表示换行，是单标记</td><td></td><td></td></tr><tr><td>< base></td><td>设置基底网址</td><td></td><td></td></tr><tr><td>< metal http-equiv=" " name=" " content=" "></td><td>定义元信息 ,用以设置一个http的标题域，但确定值由content属性决定，name属性用以设置元信息出现的形式，content属性用以设置元信息出现的内容</td><td></td><td></td></tr><tr><td>< meat name=“keywords” content=“计算机、英语、职场”></td><td>页面关键字；定义的关键字为"计算机、英语、职场" ，搜索任何一个关键字都可以搜索到该页面</td><td></td><td></td></tr><tr><td>< meta http-equiv=" expires" content=" FRI,1,JUN 2013 00 00 00 GMT"></td><td>Expires用以设置网页的过期时间，content给出了网页过期的具体时间</td><td></td><td></td></tr><tr><td>&nbsp ;</td><td>表示一个空格</td><td></td><td></td></tr><tr><td>&</td><td>&amp ;</td><td></td><td></td></tr><tr><td>©</td><td>&copy ; (语句与分号之间没有空格)</td><td></td><td></td></tr><tr><td>™</td><td>&trade ;</td><td></td><td></td></tr><tr><td>®</td><td>&reg ;</td><td></td><td></td></tr><tr><td>¥</td><td>&yen ;</td><td></td><td></td></tr><tr><td>§</td><td>&sect</td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td>超链接：</td><td></td><td></td><td></td></tr><tr><td>< a href=" ">…< /a></td><td>超链接</td><td></td><td></td></tr><tr><td>< img src=" ">< /img></td><td>< img> 表示插入图像文件，src表示插入图像的路径</td><td></td><td></td></tr><tr><td>< map name=" ">…< /map></td><td>表示插入图像映射</td><td></td><td></td></tr><tr><td>< area shape=" " coords=" , , , " href=" "></td><td>表示图像映射区域 ;shape–rect;circle;poly;(矩形；椭圆形；多边形)；coords表示感应区域的坐标；</td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td>< div></td><td>图层的创建—< div>;</td><td></td><td></td></tr><tr><td>< div id=“layer1”></td><td>定义层的名称</td><td></td><td></td></tr><tr><td>id</td><td>名字</td><td></td><td></td></tr><tr><td>style: 层的样式</td><td></td><td></td><td></td></tr><tr><td>position</td><td>定位</td><td></td><td></td></tr><tr><td>width</td><td>设置图层宽度</td><td></td><td></td></tr><tr><td>height</td><td>设置图层高度</td><td></td><td></td></tr><tr><td>left</td><td>设置图层左边距</td><td></td><td></td></tr><tr><td>top</td><td>设置图层顶端间距</td><td></td><td></td></tr><tr><td>z-index</td><td>层叠设置</td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></tbody></table> <h4><a id="_100"></a>框架的应用</h4> <table><thead><tr><th>语句</th><th>作用</th></tr></thead><tbody><tr><td>< frameset rows=" ,<em>" cols="</em>">…< /frameset></td><td>rows属性为上下分割，cols属性为左右分割，两者同时在同一个框架集出现，为框架的嵌套分割</td></tr><tr><td>< frame>添加一下属性：</td><td></td></tr><tr><td>src</td><td>设置框架源文件属性-----src;</td></tr><tr><td><frame src"URL" name=" "></td><td>name添加框架名称</td></tr><tr><td>frameborder</td><td>frameborder=“1” 设置边框显示； frameborder=“0” 设置边框不显示；</td></tr><tr><td>scrolling=" "</td><td>显示框架滚动条；yes:添加滚动条；no：不添加滚动条；auto:自动添加滚动条</td></tr><tr><td>noresize</td><td>< frame src=" " noresize> noresize属性设置不允许改变左侧框架的尺寸</td></tr><tr><td>marginwidth,marginheight</td><td>设置框架左右，上下边缘的宽度</td></tr><tr><td>< noframes>…< /noframes></td><td>设置浏览器不支持框架时，显示网页文件的内容</td></tr><tr><td>< iframe>…< /iframe></td><td>浮动框架；</td></tr><tr><td>< iframe>具有的属性：</td><td>src; width; heigt; name; align;(框架对齐方式) ；frameborder(设置框架边框)； framespancing(设置框架边框宽度)； scrolling(设置框架滚动条)；noresize(设置框架尺寸)； bordercolor(设置边框颜色)； marginwidth(设置框架左右边距)； marginheight(设置框架上下边距)；</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table> <h4><a id="_125"></a>表格的应用</h4> <table><thead><tr><th>语句</th><th>作用</th></tr></thead><tbody><tr><td>< table></td><td>表格标记</td></tr><tr><td>< tr></td><td>行标记；插入一行</td></tr><tr><td>< td></td><td>列表记；插入一列</td></tr><tr><td>< th></td><td>表头标记</td></tr><tr><td>< caption></td><td>表格标题</td></tr><tr><td></td><td></td></tr><tr><td>< table border=“1”>…< /table></td><td>表示插入的表格边框为1</td></tr><tr><td>< td align=“center” valign=“middle”>…< /td></td><td>设置单元格中信息居中显示</td></tr><tr><td>< caption>…< /caption></td><td>插入表格标题；可应用于< table>标记与< tr>标记之间的任何位置</td></tr><tr><td>< th>…< /th></td><td>设置表格表头；</td></tr><tr><td>< thead>…< /thead></td><td>定义一组表头行</td></tr><tr><td>< tfoot>…< /tfoot></td><td>为表格添加一个标注</td></tr><tr><td>< tbody>…< /tbody></td><td>定义表格主体部分</td></tr><tr><td></td><td></td></tr><tr><td>width</td><td>设置表格的宽度----width</td></tr><tr><td>border</td><td>设置表格的边框属性</td></tr><tr><td></td><td></td></tr><tr><td>设置边框的样式-----frame:</td><td></td></tr><tr><td>above</td><td>显示上边框</td></tr><tr><td>border</td><td>显示上下左右边框</td></tr><tr><td>below</td><td>显示下边框</td></tr><tr><td>hsides</td><td>显示上下边框</td></tr><tr><td>lhs</td><td>显示左边框</td></tr><tr><td>rhs</td><td>显示右边框</td></tr><tr><td>void</td><td>不显示边框</td></tr><tr><td>vsides</td><td>显示左右边框</td></tr><tr><td></td><td></td></tr><tr><td>设置边框样式— rules：</td><td></td></tr><tr><td>all</td><td>显示所有内部边框</td></tr><tr><td>groups</td><td>显示介于行列边框</td></tr><tr><td>none</td><td>不显示内部边框</td></tr><tr><td>cols</td><td>仅显示列边框</td></tr><tr><td>rows</td><td>仅显示行边框</td></tr><tr><td></td><td></td></tr><tr><td>align=" "</td><td>调整行内容水平对齐—align；有left;right;center属性值</td></tr><tr><td></td><td></td></tr><tr><td>valign=" "</td><td>调整行内容垂直对齐–valign;对齐方式有top内容顶端对齐；middle内容居中对齐；bottom内容底端对齐；baseline内容基线对齐。</td></tr><tr><td></td><td></td></tr><tr><td>rowspan=" "</td><td>设置跨行—rowspan;对表格进行单元格的纵向合并</td></tr><tr><td></td><td></td></tr><tr><td>colspan=" "</td><td>设置跨列—colspan; 对表格进行单元格的横向合并</td></tr><tr><td></td><td></td></tr><tr><td>cellspacing</td><td>设置单元格间距----cellspacing; < table cellspacing=“5”>…< /table></td></tr><tr><td>cellpadding</td><td>设置单元格边距—cellpadding; 设置单元格中内容与边框之间的间距；</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table> <h4><a id="_177"></a>表单的应用</h4> <table><thead><tr><th>语句</th><th>作用</th></tr></thead><tbody><tr><td>< form>…< /form></td><td>表单标记</td></tr><tr><td>< form>属性：</td><td>name(设置表单名称)；method(设置表单发送的方法，可以是"post"或者"get")；action(设置表单处理程序)；enctype(设置表单的编码方式)；target(设置表单显示目标 )；</td></tr><tr><td></td><td></td></tr><tr><td>< input name=" " type=" ">…< /input></td><td>信息输入</td></tr><tr><td>type属性：</td><td></td></tr><tr><td>text</td><td>(插入文本框)；</td></tr><tr><td>password</td><td>(插入密码框)；</td></tr><tr><td>file</td><td>(用来插入表单中的文件域，在文件域中可以添加整个文件)；</td></tr><tr><td>checkbox</td><td>(插入表单的复选框);</td></tr><tr><td>radio</td><td>单选按钮，按钮中心有一个小圆点</td></tr><tr><td>button</td><td>标准按钮</td></tr><tr><td>submit</td><td>提交按钮</td></tr><tr><td>reset</td><td>重置按钮</td></tr><tr><td>image</td><td>插入图像域</td></tr><tr><td>hidden</td><td>插入隐藏域</td></tr><tr><td></td><td></td></tr><tr><td>< select name=" " size=" “> < option value=” ">…< /select></td><td>插入下拉菜单< select>和列表项< option></td></tr><tr><td>< textarea>…< /textarea></td><td>插入文字域</td></tr><tr><td></td><td></td></tr><tr><td></td><td></td></tr></tbody></table> <h3><a id="CSS_201"></a>CSS</h3> </div> <link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-f23dff6052.css" rel="stylesheet"> <link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-c216769e99.css" rel="stylesheet"> </div> <div id="treeSkill"></div> </article> <script> $(function() { setTimeout(function () { var mathcodeList = document.querySelectorAll('.htmledit_views img.mathcode'); if (mathcodeList.length > 0) { for (let i = 0; i < mathcodeList.length; i++) { if (mathcodeList[i].naturalWidth === 0 || mathcodeList[i].naturalHeight === 0) { var alt = mathcodeList[i].alt; alt = '\\(' + alt + '\\)'; var curSpan = $('<span class="img-codecogs"></span>'); curSpan.text(alt); $(mathcodeList[i]).before(curSpan); $(mathcodeList[i]).remove(); } } MathJax.Hub.Queue(["Typeset",MathJax.Hub]); } }, 1000) }); </script> </div> <div class="directory-boxshadow-dialog" style="display:none;"> <div class="directory-boxshadow-dialog-box"> </div> <div class="vip-limited-time-offer-box-new" id="vip-limited-time-offer-box-new"> <img class="limited-img limited-img-new" src="https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-newWhite.png"> <div class="vip-limited-time-top"> 确定要放弃本次机会？ </div> <span class="vip-limited-time-text">福利倒计时</span> <div class="limited-time-box-new"> <span class="time-hour"></span> <i>:</i> <span class="time-minite"></span> <i>:</i> <span class="time-second"></span> </div> <div class="limited-time-vip-box"> <p> <img class="coupon-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-roup.png"> <span class="def">立减 ¥</span> <span class="active limited-num"></span> </p> <span class="">普通VIP年卡可用</span> </div> <a class="limited-time-btn-new" href="https://mall.csdn.net/vip" data-report-click='{"spm":"1001.2101.3001.9621"}' data-report-query='spm=1001.2101.3001.9621'>立即使用</a> </div> </div> <div class="more-toolbox-new" id="toolBarBox"> <div class="left-toolbox"> <div class="toolbox-left"> <div class="profile-box"> <a class="profile-href" target="_blank" href="https://blog.csdn.net/qq_42530422"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/6ffa4630688d4c97b7faff98964f2397_qq_42530422.jpg!1"> <span class="profile-name"> 朝游碧海暮苍梧 </span> </a> </div> <div class="profile-attend"> <a class="tool-attend tool-bt-button tool-bt-attend" href="javascript:;" data-report-view='{"mod":"1592215036_002","spm":"1001.2101.3001.4232","extend1":"关注"}'>关注</a> <a class="tool-item-follow active-animation" style="display:none;">关注</a> </div> </div> <div class="toolbox-middle"> <ul class="toolbox-list"> <li class="tool-item tool-item-size tool-active is-like" id="is-like"> <a class="tool-item-href"> <img style="display:none;" id="is-like-imgactive-animation-like" class="animation-dom active-animation" src="https://csdnimg.cn/release/blogv2/dist/pc/img/tobarThumbUpactive.png" alt=""> <img class="isactive" style="display:none" id="is-like-imgactive" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Active.png" alt=""> <img class="isdefault" style="display:block" id="is-like-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Black.png" alt=""> <span id="spanCount" class="count "> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">点赞</span></div> </li> <li class="tool-item tool-item-size tool-active is-unlike" id="is-unlike"> <a class="tool-item-href"> <img class="isactive" style="margin-right:0px;display:none" id="is-unlike-imgactive" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newUnHeart2021Active.png" alt=""> <img class="isdefault" style="margin-right:0px;display:block" id="is-unlike-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newUnHeart2021Black.png" alt=""> <span id="unlikeCount" class="count "></span> </a> <div class="tool-hover-tip"><span class="text space">踩</span></div> </li> <li class="tool-item tool-item-size tool-active is-collection "> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"popu_824","spm":"1001.2101.3001.4130","ab":"new"}'> <img style="display:none" id="is-collection-img-collection" class="animation-dom active-animation" src="https://csdnimg.cn/release/blogv2/dist/pc/img/tobarCollectionActive.png" alt=""> <img class="isdefault" id="is-collection-img" style="display:block" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCollectBlack.png" alt=""> <img class="isactive" id="is-collection-imgactive" style="display:none" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCollectActive.png" alt=""> <span class="count get-collection " data-num="0" id="get-collection"> 0 </span> </a> <div class="tool-hover-tip collect"> <div class="collect-operate-box"> <span class="collect-text" id="is-collection"> 收藏 </span> </div> </div> <div class="tool-active-list"> <div class="text"> 觉得还不错? <span class="collect-text" id="tool-active-list-collection"> 一键收藏 </span> <img id="tool-active-list-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/collectionCloseWhite.png" alt=""> </div> </div> </li> <li class="tool-item tool-item-size tool-active tool-item-comment"> <div class="guide-rr-first"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward01.png" alt=""> <button class="btn-guide-known">知道了</button> </div> <a class="tool-item-href" href="#commentBox" data-report-click='{"spm":"1001.2101.3001.7009"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newComment2021Black.png" alt=""> <span class="count"> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">评论</span></div> </li> <li class="tool-item tool-item-bar"> </li> <li class="tool-item tool-item-size tool-active tool-QRcode" data-type="article" id="tool-share"> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"1582594662_002","spm":"1001.2101.3001.4129","ab":"new"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newShareBlack.png" alt=""> </a> <div class="QRcode" id="tool-QRcode"> <div class="share-bg-icon icon1" id="shareBgIcon"></div> <div class="share-bg-box"> <div class="share-content"> <img class="share-avatar" src="https://profile-avatar.csdnimg.cn/6ffa4630688d4c97b7faff98964f2397_qq_42530422.jpg!1" alt=""> <div class="share-tit"> HTML+Css+JavaScript基本语句 </div> <div class="share-dec"> 文件->新建 -> 项目 ->参考 </div> <a id="copyPosterUrl" class="url" data-report-click='{"spm":"1001.2101.3001.7493"}' data-report-view='{"spm":"1001.2101.3001.7493"}'>复制链接</a> </div> <div class="share-code"> <div class="share-code-box" id='shareCode'></div> <div class="share-code-text">扫一扫</div> </div> </div> <div class="share-code-type"> </div> </div> </li> </ul> </div> <div class="toolbox-right"> <div class="tool-directory"> <a class="bt-columnlist-show" data-id="11389151" data-free="true" data-description="" data-subscribe="false" data-title="html+css" data-img="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" data-url="https://blog.csdn.net/qq_42530422/category_11389151.html" data-sum="2" data-people="0" data-price="0" data-hotRank="0" data-status="true" data-oldprice="0" data-join="false" data-studyvip="false" data-studysubscribe="false" data-report-view='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}' data-report-click='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}'>专栏目录</a> </div> </div> </div> </div> <script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script> <script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div class="first-recommend-box recommend-box "> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_44906084/article/details/108539205" data-report-view='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-108539205-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/weixin_44906084/article/details/108539205"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_44906084/article/details/108539205" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-108539205-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/weixin_44906084/article/details/108539205"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-108539205-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-108539205-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1">前端-敲详细的 <em>Html</em>、<em>Css</em>、<em>JavaScript</em> <em>基本</em>语法</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_44906084" target="_blank"><span class="blog-title">今天你敲代码了嘛</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-11</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 331 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_44906084/article/details/108539205" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-108539205-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/weixin_44906084/article/details/108539205"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-108539205-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-108539205-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">Document 一级标题二级标题 <em>css</em>Peek.peekToExclude - A list of file globs that filters out style files to not look for. By default, node_modules and bower_components  我是<strong>加粗</st...</div> </a> </div> </div> </div> </div> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_commontools-9d6d0707b4.min.js" type="text/javascript" async></script> <div class="second-recommend-box recommend-box "> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/m0_71279156/85585999" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~PaidSort-1-85585999-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"1","strategy":"2~default~OPENSEARCH~PaidSort","dest":"https://download.csdn.net/download/m0_71279156/85585999"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/m0_71279156/85585999" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~PaidSort-1-85585999-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"1","strategy":"2~default~OPENSEARCH~PaidSort","dest":"https://download.csdn.net/download/m0_71279156/85585999"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaidSort-1-85585999-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaidSort-1-85585999-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>Javascript</em>+<em>CSS</em>测试题</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">06-08</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/m0_71279156/85585999" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~PaidSort-1-85585999-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"1","strategy":"2~default~OPENSEARCH~PaidSort","dest":"https://download.csdn.net/download/m0_71279156/85585999"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaidSort-1-85585999-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaidSort-1-85585999-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>、<em>JavaScript</em>和<em>CSS</em>是网页开发的三大核心技术，它们各自承担着不同的职责，共同构建了丰富的交互式和动态的网络体验。 <em>HTML</em>（HyperText Markup Language）是网页内容的基础结构语言，用于定义网页的元素和布局。...</div> </a> </div> </div> </div> </div> <a id="commentBox" name="commentBox"></a> <div id="pcCommentBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> <div class="unlogin-comment-model"> <span class="unlogin-comment-tit">参与评论</span> <span class="unlogin-comment-text">您还未登录，请先</span> <span class="unlogin-comment-bt">登录</span> <span class="unlogin-comment-text">后发表或查看评论</span> </div> </div> <div class="recommend-box insert-baidu-box recommend-box-style "> <div class="recommend-item-box no-index" style="display:none"></div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_33901641/article/details/93358170" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-2-93358170-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33901641/article/details/93358170"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_33901641/article/details/93358170" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-2-93358170-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33901641/article/details/93358170"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-93358170-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-93358170-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>css</em>与<em>html</em> 与<em>js</em>的基础语法</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_33901641" target="_blank"><span class="blog-title">weixin_33901641的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-19</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 110 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_33901641/article/details/93358170" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-2-93358170-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33901641/article/details/93358170"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-93358170-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-93358170-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sample_2-23456.aspx.cs" Inherits="Sample_2_2" Debug="true" %> <!DOCTYPE <em>html</em> PUBLIC "-//W3C//DTD X<em>HTML</em> 1.0 Transitional//EN" "htt...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/icurious/article/details/79659598" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-79659598-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/icurious/article/details/79659598"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/icurious/article/details/79659598" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-79659598-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/icurious/article/details/79659598"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-79659598-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-79659598-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+<em>JavaScript</em>简易教程</div> <div class="tag">热门推荐</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/icurious" target="_blank"><span class="blog-title">_TFBoy的小茶馆</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-22</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 3万+ </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/icurious/article/details/79659598" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-79659598-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/icurious/article/details/79659598"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-79659598-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-79659598-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">1 Web(万维网) web原理：服务器和客户端（浏览器）之间的对话客户端：连接到服务器并发送请求（一般指浏览器）服务器：运行着服务器软件，根据请求提供页面（就像一个服务员一样）。永远在线。 url: Uniform Resourse Locator, 统一资源定位符。也叫URI, Uniform Resourse Identifier, 统一资源标识符。URL一般以www开头。 ...</div> </a> </div> </div> </div> <dl id="recommend-item-box-tow" class="recommend-item-box type_blog clearfix"> </dl> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/xiaoyaGrace/article/details/106375832" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-4-106375832-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/xiaoyaGrace/article/details/106375832"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/xiaoyaGrace/article/details/106375832" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-4-106375832-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/xiaoyaGrace/article/details/106375832"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-106375832-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-106375832-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+<em>JS</em>基础知识</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/xiaoyaGrace" target="_blank"><span class="blog-title">xiaoyaGrace的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-27</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 675 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/xiaoyaGrace/article/details/106375832" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-4-106375832-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/xiaoyaGrace/article/details/106375832"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-106375832-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-106375832-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> 1.<em>基本</em>概述对于学习<em>html</em>的学习，更多的就是记住这些标签的含义以及会使用即可，这是前端最重要的知识。注释的<em>语句</em>为：<!-xxx-> 整个<em>HTML</em>页面主要分为两个部分：头部head 身体body. 下面我们来介绍标签：标签分为单标签和双标签，单标签是为一个箭头结尾的。双标签是要有头有尾的结束。在<em>html</em>的角度来讲，标签分为：文本标签：<p></p> ，<sp...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_29710393/article/details/118987623" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-5-118987623-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29710393/article/details/118987623"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_29710393/article/details/118987623" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-5-118987623-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29710393/article/details/118987623"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-118987623-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-118987623-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em> <em>css</em><em>常用</em><em>语句</em>语法,<em>html</em>+<em>css</em><em>常用</em><em>语句</em>语法.xls</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_29710393" target="_blank"><span class="blog-title">weixin_29710393的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">07-21</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 149 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_29710393/article/details/118987623" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-5-118987623-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29710393/article/details/118987623"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-118987623-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-118987623-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>css</em><em>常用</em>语法名名称称用用途途 background背景色及背景图片 border边框 bottom块下边界之间的偏移 top块下边界之间的偏移 left块下边界之间的偏移 right块下边界之间的偏移 color字体颜色 cursor鼠标样式 display隐藏 font size字体大小 font family字型 font weight文字加粗 float块的对齐方式 width边框宽度 ...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_42605384/14979000" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-14979000-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42605384/14979000"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_42605384/14979000" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-14979000-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42605384/14979000"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-14979000-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-14979000-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+<em>JavaScript</em>+AJAX+JQuery.docx</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">02-01</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_42605384/14979000" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-14979000-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42605384/14979000"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-14979000-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-14979000-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>、<em>CSS</em>、<em>JavaScript</em>、AJAX 和 jQuery 是构建现代网页和应用程序的基础技术。下面将详细介绍这些技术及其重要性。 1. <em>HTML</em> (HyperText Markup Language)：<em>HTML</em> 是网页内容的基础，它定义了网页的结构和意义。通过...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/m0_71279156/85586093" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-7-85586093-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_71279156/85586093"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/m0_71279156/85586093" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-7-85586093-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_71279156/85586093"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-85586093-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-85586093-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>Javascript</em>+<em>Css</em>实战题</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">06-08</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/m0_71279156/85586093" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-7-85586093-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/m0_71279156/85586093"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-85586093-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-85586093-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>基本</em>语法、变量、数据类型、控制流（条件<em>语句</em>和循环）是<em>JavaScript</em>学习的起点。在实战题中，你可能会遇到DOM操作，例如选择元素（`document.getElementById`、`querySelector`等）、添加或删除元素、修改元素内容。...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/sinocczhtqiang/26249075" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-8-26249075-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/sinocczhtqiang/26249075"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/sinocczhtqiang/26249075" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-8-26249075-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/sinocczhtqiang/26249075"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-26249075-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-26249075-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+ajax+php+mysql实现登录</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">09-30</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/sinocczhtqiang/26249075" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-8-26249075-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/sinocczhtqiang/26249075"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-26249075-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-26249075-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">通过学习这个项目，你可以掌握<em>HTML</em>和<em>CSS</em>的<em>基本</em>布局技巧，理解Ajax如何实现页面局部刷新，以及PHP和MySQL如何协同工作来处理用户数据。同时，注意阅读代码中的注释，这有助于理解和解决实际开发中可能遇到的问题。</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/wu136gang/3641642" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-9-3641642-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/wu136gang/3641642"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/wu136gang/3641642" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-9-3641642-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/wu136gang/3641642"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-3641642-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-3641642-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>Html</em>+<em>Css</em>+<em>Javascript</em>从入门到精通.pdf</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">09-27</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/wu136gang/3641642" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-9-3641642-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/wu136gang/3641642"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-3641642-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-3641642-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">### <em>Html</em>+<em>Css</em>+<em>Javascript</em>从入门到精通 #### Web开发基础教程概述《<em>Html</em>+<em>Css</em>+<em>Javascript</em>从入门到精通》是一本全面介绍了Web前端开发技术的教程。本书旨在帮助读者掌握Web开发的基础知识，并通过实践逐步深入理解...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_41479002/article/details/104505469" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-104505469-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_41479002/article/details/104505469"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_41479002/article/details/104505469" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-104505469-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_41479002/article/details/104505469"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-104505469-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-104505469-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+<em>JAVASCRIPT</em>简介</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_41479002" target="_blank"><span class="blog-title">qq_41479002的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">02-25</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 4262 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_41479002/article/details/104505469" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-104505469-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_41479002/article/details/104505469"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-104505469-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-104505469-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">一、<em>HTML</em> <em>HTML</em>称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。二、<em>CSS</em> 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现<em>HTML</em>（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。<em>CSS</em>不仅可以静态地修饰网页，还可...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_43887883/article/details/120011370" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-120011370-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_43887883/article/details/120011370"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_43887883/article/details/120011370" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-120011370-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_43887883/article/details/120011370"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-120011370-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-120011370-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1">一文搞懂<em>HTML</em>+<em>CSS</em>+<em>JavaScript</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_43887883" target="_blank"><span class="blog-title">weixin_43887883的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-31</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 6447 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_43887883/article/details/120011370" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-120011370-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_43887883/article/details/120011370"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-120011370-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-120011370-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">#<em>HTML</em>超文本标记语言 1、定义 <em>HTML</em>的全称为超文本标记语言（Hyper Text Markup Language），是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。<em>HTML</em>文本是由<em>HTML</em>命令组成的描述性文本，<em>HTML</em>命令可以说明文字、图形、动画、声音、表格、链接（超文本：不止文本）等。超文本标记语言是标准通用标记语言下的一个应用，是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/zjpp2580369/article/details/95218120" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-12-95218120-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/zjpp2580369/article/details/95218120"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/zjpp2580369/article/details/95218120" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-12-95218120-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/zjpp2580369/article/details/95218120"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-95218120-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-95218120-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1">web前端(<em>HTML</em>+<em>CSS</em>+<em>JS</em>)</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/zjpp2580369" target="_blank"><span class="blog-title">zjpp2580369的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">07-09</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1277 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/zjpp2580369/article/details/95218120" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-12-95218120-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/zjpp2580369/article/details/95218120"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-95218120-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-95218120-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">http://www.php.cn/<em>js</em>-tutorial-396813.<em>html</em> 前端开发三剑客<em>HTML</em>+<em>CSS</em>+<em>JS</em>之名是如雷贯耳，是前端入门的基础之基础，前端程序员们用这三个组件构成了数量众多的网页。然而在初学的时候，由于无法迅速了解全部知识点，所以在学习的时候往往会有盲人摸象的感觉——就是对于各个组件的功能和分工不甚了解，无法从整体上把握学习方向，因而较难构成完整的知识体系，这是比较头疼的...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://huaweicloud.csdn.net/63a560f2b878a54545945819.html" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-13-125588525-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://huaweicloud.csdn.net/63a560f2b878a54545945819.html"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://huaweicloud.csdn.net/63a560f2b878a54545945819.html" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-13-125588525-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://huaweicloud.csdn.net/63a560f2b878a54545945819.html"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-13-125588525-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-13-125588525-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+<em>JS</em> 详细知识（新手向）</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/Scyth1" target="_blank"><span class="blog-title">Scyth1的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">07-09</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 7912 </span> </div> </div> </div> <div class="desc-box"> <a href="https://huaweicloud.csdn.net/63a560f2b878a54545945819.html" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~activity-13-125588525-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~activity","dest":"https://huaweicloud.csdn.net/63a560f2b878a54545945819.html"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-13-125588525-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Eactivity-13-125588525-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> 超文本标记语言标记语言：通过标签的不同来代表不同的意思mac地址是物化在电脑网盘硬件上的地址IP里其实包含着mac的一部分超文本：有文字之外的一些类似连接、按钮等的东西<em>JavaScript</em>让<em>html</em>有交互能力绝对路径< img src="地址" alt="描述 ">加不加span都没什么变化的作用是形成独立空间style 通用属性形成独立空间让元素换行在一行的末尾添加两个或多个空格，然后按回车键,即可创建一个换行 ( )。超链接文字描述部分可以跳转到其他<em>html</em>文件target属性用于设置打</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_53311552/article/details/113802978" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-14-113802978-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_53311552/article/details/113802978"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_53311552/article/details/113802978" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-14-113802978-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_53311552/article/details/113802978"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-113802978-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-113802978-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+<em>JS</em>详解</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_53311552" target="_blank"><span class="blog-title">IDE</span></a> </div> <div class="info display-flex"> <span class="info-block time">02-13</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1万+ </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_53311552/article/details/113802978" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-14-113802978-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_53311552/article/details/113802978"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-113802978-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-113802978-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">Web概述 Web三要素：浏览器，服务器，HTTP协议 **<em>HTML</em>工作原理：**<em>HTML</em>是部署在服务器上的文本文件，根据HTTP协议浏览器发出请求给服务器，服务器做出响应给浏览器返回一个<em>HTML</em>，浏览器解释执行<em>HTML</em>，从而显示内容什么是<em>HTML</em>？ <em>HTML</em>是超文本标记语言（Hyper Text Markup Language）,一种纯文本类型的语言，用来设计网页的标记语言，用该语言编写的文件以.<em>html</em>或者.htm为后缀，由浏览器解释执行，在<em>HTML</em>的页面上可以嵌套脚本语言编写程序段，如JavaScr</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/cnds123/article/details/141086789" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-15-141086789-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/cnds123/article/details/141086789"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/cnds123/article/details/141086789" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-15-141086789-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/cnds123/article/details/141086789"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-141086789-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-141086789-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>+<em>JavaScript</em>绘制彩虹和云朵</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/cnds123" target="_blank"><span class="blog-title">cnds123的专栏</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-10</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 555 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/cnds123/article/details/141086789" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-15-141086789-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/cnds123/article/details/141086789"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-141086789-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-141086789-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML5</em>+<em>JavaScript</em>绘制彩虹和云朵，改进版云彩能动——从左向右不停地移动</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/2401_85702623/article/details/141287793" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-16-141287793-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/2401_85702623/article/details/141287793"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/2401_85702623/article/details/141287793" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-16-141287793-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/2401_85702623/article/details/141287793"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-141287793-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-141287793-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1">深入探索<em>CSS</em>的:unresolved伪类：选择未解析元素的神秘面纱</div> <div class="tag">最新发布</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/2401_85702623" target="_blank"><span class="blog-title">2401_85702623的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-17</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 516 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/2401_85702623/article/details/141287793" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-16-141287793-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/2401_85702623/article/details/141287793"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-141287793-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-141287793-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">伪类是<em>CSS</em>的一个选择器，用于选择那些尚未解析的元素。在Web开发中，我们可能会遇到一些元素，它们依赖于外部资源或异步加载的内容，这些元素在加载过程中可能还没有完全解析。使用伪类，我们可以为这些元素定义特定的样式，直到它们完全解析并显示在页面上。</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/Little_Green1/article/details/141167698" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-17-141167698-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/Little_Green1/article/details/141167698"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/Little_Green1/article/details/141167698" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-17-141167698-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/Little_Green1/article/details/141167698"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-141167698-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-141167698-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1">13.体验<em>CSS</em>,<em>CSS</em>的引入方式,标签选择器</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/Little_Green1" target="_blank"><span class="blog-title">Little_Green1的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-13</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 455 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/Little_Green1/article/details/141167698" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-17-141167698-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/Little_Green1/article/details/141167698"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-141167698-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-141167698-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">为了看清楚我把整个骨架写进来了,<em>CSS</em>书写在<title>标签下,写了一个<style>双标签,然后在<style>标签内添加选择器,p就是个选择器,这个选择器名字跟<em>HTML</em>代码中<p>标签同名,这种选择器叫标签选择器(<p>标签是段落标签,前面好像忘记讲了),然后在标签后加大括号,在大括号里面写<em>CSS</em>代码.写完然后通过<link>标签引入,<link>标签是什么,以后会学到的,现在知道就行,后面学习我们都是用内部样式表。还有就是行内样式,就是直接在标签里加style属性,属性值写<em>CSS</em>代码,比如。</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/u013190012/article/details/141268253" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-18-141268253-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"18","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/u013190012/article/details/141268253"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/u013190012/article/details/141268253" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-18-141268253-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"18","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/u013190012/article/details/141268253"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-18-141268253-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-18-141268253-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>CSS</em> 的 position 属性</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/u013190012" target="_blank"><span class="blog-title">于坤</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-16</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 203 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/u013190012/article/details/141268253" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-18-141268253-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"18","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/u013190012/article/details/141268253"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-18-141268253-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-18-141268253-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1"><em>CSS</em> 的position属性用于指定一个元素在文档中的定位方式。static（默认值）toprightbottomleftrelativetoprightbottomleftabsolutestaticfixedstickytoprightbottomleft。</div> </a> </div> </div> </div> <div class="recommend-item-box type_chatgpt clearfix" data-url="https://wenku.csdn.net/answer/7e17a5d23c4a4902ad02eebb8a8237f5" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-chatgpt-2~default~OPENSEARCH~Position-19-7e17a5d23c4a4902ad02eebb8a8237f5-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/answer/7e17a5d23c4a4902ad02eebb8a8237f5"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://wenku.csdn.net/answer/7e17a5d23c4a4902ad02eebb8a8237f5" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-chatgpt-2~default~OPENSEARCH~Position-19-7e17a5d23c4a4902ad02eebb8a8237f5-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/answer/7e17a5d23c4a4902ad02eebb8a8237f5"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-chatgpt-2%7Edefault%7EOPENSEARCH%7EPosition-19-7e17a5d23c4a4902ad02eebb8a8237f5-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-chatgpt-2%7Edefault%7EOPENSEARCH%7EPosition-19-7e17a5d23c4a4902ad02eebb8a8237f5-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>+<em>CSS</em>+<em>JS</em>网页设计期末课程大作业 <em>HTML</em>+<em>CSS</em>+<em>JavaScript</em></div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">06-01</span> </div> </div> </div> <div class="desc-box"> <a href="https://wenku.csdn.net/answer/7e17a5d23c4a4902ad02eebb8a8237f5" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-chatgpt-2~default~OPENSEARCH~Position-19-7e17a5d23c4a4902ad02eebb8a8237f5-blog-120557075.235^v43^pc_blog_bottom_relevance_base4\",\"dist_request_id\":\"1723985424784_88692\"}","dist_request_id":"1723985424784_88692","ab_strategy":"landing_bge","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/answer/7e17a5d23c4a4902ad02eebb8a8237f5"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-chatgpt-2%7Edefault%7EOPENSEARCH%7EPosition-19-7e17a5d23c4a4902ad02eebb8a8237f5-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4&depth_1-utm_source=distribute.pc_relevant.none-task-chatgpt-2%7Edefault%7EOPENSEARCH%7EPosition-19-7e17a5d23c4a4902ad02eebb8a8237f5-blog-120557075.235%5Ev43%5Epc_blog_bottom_relevance_base4'> <div class="desc ellipsis-online ellipsis-online-1">恭喜你完成了这个大作业！<em>HTML</em>、<em>CSS</em>和<em>JavaScript</em>是现代网页设计的三个<em>基本</em>技术，它们可以帮助你创建出美观、交互性强、功能丰富的网页。下面是一些关于<em>HTML</em>、<em>CSS</em>和<em>JavaScript</em>的常见知识点： <em>HTML</em>（超文本标记语言）： 1. <em>HTML</em>是网页的<em>基本</em>骨架，它定义了网页的结构和内容，包括标题、段落、图片、链接等。 2. <em>HTML</em>代码由标记和内容组成，标记用于告诉浏览器如何显示内容。 3. <em>常用</em>的<em>HTML</em>标记有：`<<em>html</em>>`、`<head>`、`<title>`、`<body>`、`<h1>`、`<p>`、`<img>`、`<a>`等。 <em>CSS</em>（层叠样式表）： 1. <em>CSS</em>用于定义网页的样式，包括颜色、字体、布局等。 2. <em>CSS</em>代码由选择器和声明组成，选择器用于指定要应用样式的<em>HTML</em>元素，声明用于定义样式。 3. <em>常用</em>的<em>CSS</em>选择器有：标签选择器、类选择器、ID选择器、属性选择器等。 4. <em>常用</em>的<em>CSS</em>属性有：color、font、background、border、margin、padding等。 <em>JavaScript</em>： 1. <em>JavaScript</em>是一种脚本语言，用于为网页添加交互性和动态效果。 2. <em>JavaScript</em>可以改变<em>HTML</em>元素的内容、样式和属性，可以响应用户的操作和浏览器的事件。 3. <em>常用</em>的<em>JavaScript</em>语法包括：变量、运算符、条件<em>语句</em>、循环<em>语句</em>、函数等。 4. <em>常用</em>的<em>JavaScript</em>库和框架有jQuery、React、Angular、Vue等。以上是一些<em>HTML</em>、<em>CSS</em>和<em>JavaScript</em>的基础知识，希望对你有帮助！</div> </a> </div> </div> </div> </div> <div class="blog-footer-bottom" style="margin-top:10px;"></div> <script src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" type="text/javascript"></script> <script type="text/javascript"> window.csdn.csdnFooter.options = { el: '.blog-footer-bottom', type: 2 } </script> </main> <aside class="blog_container_aside"> <div id="asideProfile" class="aside-box"> <div class="profile-intro d-flex"> <div class="avatar-box d-flex justify-content-center flex-column"> <a href="https://blog.csdn.net/qq_42530422" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/qq_42530422","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/6ffa4630688d4c97b7faff98964f2397_qq_42530422.jpg!1" class="avatar_pic"> </a> </div> <div class="user-info d-flex flex-column profile-intro-name-box"> <div class="profile-intro-name-boxTop"> <a href="https://blog.csdn.net/qq_42530422" target="_blank" class="" id="uid" title="朝游碧海暮苍梧" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/qq_42530422","ab":"new"}'> <span class="name " username="qq_42530422">朝游碧海暮苍梧</span> </a> <span> </span> <span class="flag expert-blog"> <span class="bubble">CSDN认证博客专家</span> </span> <span class="flag company-blog"> <span class="bubble">CSDN认证企业博客</span> </span> </div> <div class="profile-intro-name-boxFooter"> <span class="personal-home-page personal-home-years" title="已加入 CSDN 6年">码龄6年</span> <span class="personal-home-page"> <a class="personal-home-certification" href="https://i.csdn.net/#/uc/profile?utm_source=14998968" target="_blank" title="暂无认证"> <img src="https://csdnimg.cn/identity/nocErtification.png" alt=""> 暂无认证 </a> </span> </div> </div> </div> <div class="data-info d-flex item-tiling"> <dl class="text-center" title="113"> <a href="https://blog.csdn.net/qq_42530422" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1"> <dt><span class="count">113</span></dt> <dd class="font">原创</dd> </a> </dl> <dl class="text-center" data-report-click='{"mod":"1598321000_002","spm":"1001.2101.3001.4311"}' title="64893"> <a href="https://blog.csdn.net/rank/list/weekly" target="_blank"> <dt><span class="count">6万+</span></dt> <dd class="font">周排名</dd> </a> </dl> <dl class="text-center" title="20608"> <a href="https://blog.csdn.net/rank/list/total" data-report-click='{"mod":"1598321000_003","spm":"1001.2101.3001.4312"}' target="_blank"> <dt><span class="count">2万+</span></dt> <dd class="font">总排名</dd> </a> </dl> <dl class="text-center" style="min-width:58px" title="306649"> <dt><span class="count">30万+</span></dt> <dd>访问</dd> </dl> <dl class="text-center" title="5级,点击查看等级说明"> <dt><a href="https://blog.csdn.net/blogdevteam/article/details/103478461" target="_blank"> <img class="level" src="https://csdnimg.cn/identity/blog5.png"> </a> </dt> <dd>等级</dd> </dl> </div> <div class="item-rank"></div> <div class="data-info d-flex item-tiling"> <dl class="text-center" title="3477"> <dt><span class="count">3477</span></dt> <dd>积分</dd> </dl> <dl class="text-center" id="fanBox" title="2945"> <dt><span class="count" id="fan">2945</span></dt> <dd>粉丝</dd> </dl> <dl class="text-center" title="284"> <dt><span class="count">284</span></dt> <dd>获赞</dd> </dl> <dl class="text-center" title="64"> <dt><span class="count">64</span></dt> <dd>评论</dd> </dl> <dl class="text-center" title="1371"> <dt><span class="count">1371</span></dt> <dd>收藏</dd> </dl> </div> <div class="aside-box-footer" data-report-view='{"spm":"3001.4296"}'> <div class="badge-box d-flex"> <div class="badge d-flex"> <div class="icon-badge" title="博客之星–参与"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/76b1d0d897bc4bdabc11a5d89fe552d3.png" alt="博客之星–参与"> </div> </div> <div class="icon-badge" title="分享王者"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/fenxiangwangzhe@240.png" alt="分享王者"> </div> </div> <div class="icon-badge" title="五一创作勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/51_create.png" alt="五一创作勋章"> </div> </div> <div class="icon-badge" title="持续创作"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/chizhiyiheng@240.png" alt="持续创作"> </div> </div> <div class="icon-badge" title="GitHub"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/github@240.png" alt="GitHub"> </div> </div> <div class="icon-badge" title="1024勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/1024@240.png" alt="1024勋章"> </div> </div> <div class="icon-badge" title="笔耕不辍"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/02d34b42a3ee476fb50850304ab67017.png" alt="笔耕不辍"> </div> </div> <div class="icon-badge" title="创作能手"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/qixiebiaobing4@240.png" alt="创作能手"> </div> </div> </div> </div> </div> <div class="profile-intro-name-boxOpration"> <div class="opt-letter-watch-box"> <a rel="nofollow" class="bt-button personal-letter" href="https://im.csdn.net/chat/qq_42530422" target="_blank" rel="noopener">私信</a> </div> <div class="opt-letter-watch-box"> <a class="personal-watch bt-button" id="btnAttent" >关注</a> </div> </div> </div> <a id="remuneration" data-report-click='{"spm":"1001.2101.3001.9809"}' rel="nofollow" href="" class="remuneration-box"> <img src="" alt=""> </a> <div id="asideWriteGuide" class="aside-box side-write-guide-box type-2" data-report-view='{"spm":"3001.9728"}'> <div class="content-box"> <a rel="nofollow" href="https://mp.csdn.net" target="_blank" class="btn-go-write" data-report-query="spm=3001.9728" data-report-click='{"spm":"3001.9728"}'> <img src="https://img-home.csdnimg.cn/images/20240218021830.png" alt="写文章"> </a> </div> </div> <div id="asideSearchArticle" class="aside-box"> <div class="aside-content search-comter"> <div class="aside-search aside-search-blog"> <input type="text" class="input-serch-blog" name="" autocomplete="off" value="" id="search-blog-words" placeholder="搜博主文章"> <a class="btn-search-blog" data-report-click='{"spm":"1001.2101.3001.9182"}'> <img src="//csdnimg.cn/cdn/content-toolbar/csdn-sou.png?v=1587021042"> </a> </div> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">热门文章</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="https://blog.csdn.net/qq_42530422/article/details/105587584" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_42530422/article/details/105587584","ab":"new"}'> 华为eNSP--4多个路由器连接配置（静态路由） <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">13842</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_42530422/article/details/105441931" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_42530422/article/details/105441931","ab":"new"}'> IP地址划分--主机号--子网号 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">13263</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_42530422/article/details/126923157" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_42530422/article/details/126923157","ab":"new"}'> Ventory制作多系统启动u盘和安装 windows10+ubuntu双系统 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">12610</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_42530422/article/details/106355652" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_42530422/article/details/106355652","ab":"new"}'> Packet Tracer（第四期）---5静态和动态NAT（完） <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">10675</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_42530422/article/details/127140455" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_42530422/article/details/127140455","ab":"new"}'> matlab2016b版本安装 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">10301</span> </a> </li> </ul> </div> </div> <div id="asideCategory" class="aside-box flexible-box"> <h3 class="aside-title">分类专栏</h3> <div class="aside-content"> <ul> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10727138.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10727138.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> C/C++问题 </span> </a> <span class="special-column-num">19篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11393594.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11393594.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/622407009ddc4478b919d5683725fcbe.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 地球物理 </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11229921.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11229921.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 工具安装 </span> </a> <span class="special-column-num">8篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10070169.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10070169.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/d038089838264d9fb4c7900dbb2d04a9.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> Matlab </span> </a> <span class="special-column-num">4篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11739491.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11739491.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/9c9765378b754bdc981d594a7865a0ba.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> mysql </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11717016.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11717016.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/604c276bff70452094dec43df243e771.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> linux服务器 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11793911.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11793911.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/9f00e4bc49fc45b2879675b34cd4c499.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 深度学习 </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11496048.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11496048.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/64d46280f1a74de69d8e8e25764e637b.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> python </span> </a> <span class="special-column-num">8篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11910404.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11910404.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 数学 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11641829.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11641829.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 爬虫 </span> </a> <span class="special-column-num">6篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11389151.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11389151.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> html+css </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11539293.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11539293.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> vue </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11196502.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11196502.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 仿真 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10021246.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10021246.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 嵌入式 </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10721827.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10721827.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> PCB设计 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10061691.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10061691.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 物联网 </span> </a> <span class="special-column-num">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_9861763.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_9861763.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> PTA </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10105996.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10105996.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> Multisim </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_9862229.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_9862229.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/2020040312202296.jpg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 思科 Packet Tracer </span> </a> <span class="special-column-num">24篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_9894812.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_9894812.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 华为认证 </span> </a> <span class="special-column-num">13篇</span> </li> </ul> </div> <p class="text-center"> <a class="flexible-btn" data-fbox="aside-archive"><img class="look-more" src="https://csdnimg.cn/release/blogv2/dist/pc/img/arrowDownWhite.png" alt=""></a> </p> </div> <div id="asideNewComments" class="aside-box"> <h3 class="aside-title">最新评论</h3> <div class="aside-content"> <ul class="newcomment-list"> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_42530422/article/details/127141948#comments_33521187" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_33521187","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_33521187","ab":"new"}'>surfer18安装</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/qq_42530422" class="user-name" target="_blank">朝游碧海暮苍梧: </a> <span class="code-comments">应该放了一个txt文件，里面有解压密码</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_42530422/article/details/127141948#comments_33505672" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_33505672","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_33505672","ab":"new"}'>surfer18安装</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/WJH_wen" class="user-name" target="_blank">WJH_wen: </a> <span class="code-comments">请问解压密码是什么</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_42530422/article/details/130632268#comments_32128818" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/130632268#comments_32128818","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/130632268#comments_32128818","ab":"new"}'>二维各向同性介质弹性波数值模拟(交错网格有限差分法)</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/qq_57998132" class="user-name" target="_blank">qq_57998132: </a> <span class="code-comments">麻烦问一下，边界吸收条件下的速度-应力差分公式出自哪里</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_42530422/article/details/127141948#comments_31074440" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_31074440","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_31074440","ab":"new"}'>surfer18安装</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/shxbshd" class="user-name" target="_blank">shxbshd: </a> <span class="code-comments">引用「https://pan.baidu.com/s/14EkRezQE_AHXWFNhyFY_Mg」我这显示提取码错误啊怎么</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_42530422/article/details/127141948#comments_30851186" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_30851186","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_42530422/article/details/127141948#comments_30851186","ab":"new"}'>surfer18安装</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/2202_76052272" class="user-name" target="_blank">夂乆冄: </a> <span class="code-comments">为什么用不了啊啊啊啊</span> </p> </li> </ul> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">大家在看</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="https://blog.csdn.net/2301_76576528/article/details/141304279" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/2301_76576528/article/details/141304279","strategy":"202_1052723-1497546_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/2301_76576528/article/details/141304279","strategy":"202_1052723-1497546_RCMD","ab":"new"}'> 啫喱：元宇宙社交的新尝试 </a> </li> <li> <a href="https://blog.csdn.net/2301_79897844/article/details/141300912" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/2301_79897844/article/details/141300912","strategy":"202_1052723-1497589_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/2301_79897844/article/details/141300912","strategy":"202_1052723-1497589_RCMD","ab":"new"}'> 【优化算法】遗传算法及加速遗传算法（超详细更新中） </a> </li> <li> <a href="https://blog.csdn.net/qq_40697623/article/details/141282422" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/qq_40697623/article/details/141282422","strategy":"202_1052723-1497860_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/qq_40697623/article/details/141282422","strategy":"202_1052723-1497860_RCMD","ab":"new"}'> Windows+Java + Eclipse + OpenCV 环境搭建教程 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">317</span> </a> </li> <li> <a href="https://blog.csdn.net/skywalk8163/article/details/141200903" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/skywalk8163/article/details/141200903","strategy":"202_1052723-1497817_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/skywalk8163/article/details/141200903","strategy":"202_1052723-1497817_RCMD","ab":"new"}'> 飞桨paddle API函数scatter详解 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">842</span> </a> </li> <li> <a href="https://blog.csdn.net/beckykook/article/details/141269300" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/beckykook/article/details/141269300","strategy":"202_1052723-1497866_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/beckykook/article/details/141269300","strategy":"202_1052723-1497866_RCMD","ab":"new"}'> 基于SpringBoot+Vue+uniapp的教育培训微信小程序(源码+lw+部署文档+讲解等) <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">788</span> </a> </li> </ul> </div> </div> <div id="asideArchive" class="aside-box" style="display:block!important; width:300px;"> <h3 class="aside-title">最新文章</h3> <div class="aside-content"> <ul class="inf_list clearfix"> <li class="clearfix"> <a href="https://blog.csdn.net/qq_42530422/article/details/134887002" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/qq_42530422/article/details/134887002","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/qq_42530422/article/details/134887002","ab":"new"}'>八股文小补充</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/qq_42530422/article/details/130632268" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/qq_42530422/article/details/130632268","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/qq_42530422/article/details/130632268","ab":"new"}'>二维各向同性介质弹性波数值模拟(交错网格有限差分法)</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/qq_42530422/article/details/128366130" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/qq_42530422/article/details/128366130","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/qq_42530422/article/details/128366130","ab":"new"}'>18-C++类与对象</a> </li> </ul> <div class="archive-bar"></div> <div class="archive-box"> <div class="archive-list-item"><a href="https://blog.csdn.net/qq_42530422?type=blog&year=2023&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/qq_42530422?type=blog&year=2023&month=12"}'><span class="year">2023年</span><span class="num">2篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/qq_42530422?type=blog&year=2022&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/qq_42530422?type=blog&year=2022&month=12"}'><span class="year">2022年</span><span class="num">29篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/qq_42530422?type=blog&year=2021&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/qq_42530422?type=blog&year=2021&month=12"}'><span class="year">2021年</span><span class="num">19篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/qq_42530422?type=blog&year=2020&month=09" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/qq_42530422?type=blog&year=2020&month=09"}'><span class="year">2020年</span><span class="num">63篇</span></a></div> </div> </div> </div>   <div id="asidedirectory" class="aside-box"> <div class='groupfile' id="directory"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </aside> <script> $("a.flexible-btn").click(function(){ $(this).parents('div.aside-box').removeClass('flexible-box'); $(this).parents("p.text-center").remove(); }) </script> <script type="text/javascript" src="https://g.csdnimg.cn/user-tooltip/2.7/user-tooltip.js"></script> <script type="text/javascript" src="https://g.csdnimg.cn/user-medal/2.0.0/user-medal.js"></script> </div> <div class="recommend-right align-items-stretch clearfix" id="rightAside" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right" > <div class='flex-column aside-box groupfile' id="groupfile"> <div class="groupfile-div"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> <div class='aside-box kind_person d-flex flex-column'> <h3 class="aside-title">分类专栏</h3> <div class="align-items-stretch kindof_item" id="kind_person_column"> <div class="aside-content"> <ul> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10727138.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10727138.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> C/C++问题 </span> </a> <span class="special-column-num">19篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11393594.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11393594.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/622407009ddc4478b919d5683725fcbe.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 地球物理 </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11229921.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11229921.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 工具安装 </span> </a> <span class="special-column-num">8篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10070169.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10070169.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/d038089838264d9fb4c7900dbb2d04a9.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> Matlab </span> </a> <span class="special-column-num">4篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11739491.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11739491.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/9c9765378b754bdc981d594a7865a0ba.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> mysql </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11717016.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11717016.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/604c276bff70452094dec43df243e771.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> linux服务器 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11793911.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11793911.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/9f00e4bc49fc45b2879675b34cd4c499.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 深度学习 </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11496048.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11496048.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/64d46280f1a74de69d8e8e25764e637b.jpeg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> python </span> </a> <span class="special-column-num">8篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11910404.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11910404.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 数学 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11641829.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11641829.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 爬虫 </span> </a> <span class="special-column-num">6篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11389151.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11389151.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> html+css </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11539293.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11539293.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> vue </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_11196502.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_11196502.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 仿真 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10021246.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10021246.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 嵌入式 </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10721827.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10721827.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> PCB设计 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10061691.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10061691.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 物联网 </span> </a> <span class="special-column-num">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_9861763.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_9861763.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> PTA </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_10105996.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_10105996.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> Multisim </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_9862229.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_9862229.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/2020040312202296.jpg?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 思科 Packet Tracer </span> </a> <span class="special-column-num">24篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_42530422/category_9894812.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_42530422/category_9894812.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 华为认证 </span> </a> <span class="special-column-num">13篇</span> </li> </ul> </div> </div> </div> </div> </aside> </div> <div class="recommend-right1 align-items-stretch clearfix" id="rightAsideConcision" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right-concision" > <div class='flex-column aside-box groupfile' id="groupfileConcision"> <div class="groupfile-div1"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </div> </aside> </div> </div> <div class="mask-dark"></div> <script type="text/javascript"> var timert = setInterval(function() { sideToolbar = $(".csdn-side-toolbar"); if (sideToolbar.length > 0) { sideToolbar.css('cssText', 'bottom:64px !important;') clearInterval(timert); } }, 200); </script> <div class="skin-boxshadow"></div> <div class="directory-boxshadow"></div> <div class="comment-side-box-shadow comment-side-tit-close" id="commentSideBoxshadow"> <div class="comment-side-content"> <div class="comment-side-tit"> <span class="comment-side-tit-count">评论</span> <img class="comment-side-tit-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></div> <div id="pcCommentSideBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> </div> <div id="pcFlodCommentSideBox" class="pc-flodcomment-sidebox"> <div class="comment-fold-tit"><span id="lookUnFlodComment" class="back"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowLeftWhite.png" alt=""></span>被折叠的 <span class="count"></span> 条评论 <a href="https://blogdev.blog.csdn.net/article/details/122245662" class="tip" target="_blank">为什么被折叠?</a> <a href="https://bbs.csdn.net/forums/FreeZone" class="park" target="_blank"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/iconPark.png">到【灌水乐园】发言</a> </div> <div class="comment-fold-content"></div> <div id="lookBadComment" class="look-bad-comment side-look-comment"> <a class="look-more-comment">查看更多评论<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowDownWhite.png" alt=""></a> </div> </div> </div> <div class="comment-rewarddialog-box"> <div class="form-box"> <div class="title-box"> 添加红包 <a class="btn-form-close"></a> </div> <form id="commentRewardForm"> <div class="ipt-box"> <label for="txtName">祝福语</label> <div class="ipt-btn-box"> <input type="text" name="name" id="txtName" autocomplete="off" maxlength="50"> <a class="btn-ipt btn-random"></a> </div> <p class="notice">请填写红包祝福语或标题</p> </div> <div class="ipt-box"> <label for="txtSendAmount">红包数量</label> <div class="ipt-txt-box"> <input type="text" name="sendAmount" maxlength="4" id="txtSendAmount" placeholder="请填写红包数量(最小10个)" autocomplete="off"> <span class="after-txt">个</span> </div> <p class="notice">红包个数最小为10个</p> </div> <div class="ipt-box"> <label for="txtMoney">红包总金额</label> <div class="ipt-txt-box error"> <input type="text" name="money" maxlength="5" id="txtMoney" placeholder="请填写总金额(最低5元)" autocomplete="off"> <span class="after-txt">元</span> </div> <p class="notice">红包金额最低5元</p> </div> <div class="balance-info-box"> <label>余额支付</label> <div class="balance-info"> 当前余额<span class="balance">3.43</span>元 <a href="https://i.csdn.net/#/wallet/balance/recharge" class="link-charge" target="_blank">前往充值 ></a> </div> </div> <div class="opt-box"> <div class="pay-info"> 需支付：<span class="price">10.00</span>元 </div> <button type="button" class="ml-auto btn-cancel">取消</button> <button type="button" class="ml8 btn-submit" disabled="true">确定</button> </div> </form> </div> </div> <div class="rr-guide-box"> <div class="rr-first-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward02.png" alt=""> <button class="btn-guide-known next">下一步</button> </div> <div class="rr-second-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward03.png" alt=""> <button class="btn-guide-known known">知道了</button> </div> </div> </div> <div class="redEnvolope" id="redEnvolope"> <div class="env-box"> <div class="env-container"> <div class="pre-open" id="preOpen"> <div class="top"> <header> <img class="clearTpaErr" :src="redpacketAuthor.avatar" alt="" /> <div class="author">成就一亿技术人!</div> </header> <div class="bot-icon"></div> </div> <footer> <div class="red-openbtn open-start"></div> <div class="tip"> 领取后你会自动成为博主和红包主的粉丝 <a class="rule" target="_blank">规则</a> </div> </footer> </div> <div class="opened" id="opened"> <div class="bot-icon"> <header> <a class="creatorUrl" href="" target="_blank"> <img class="clearTpaErr" src="https://profile-avatar.csdnimg.cn/default.jpg!2" alt="" /> </a> <div class="author"> <div class="tt">hope_wisdom</div> 发出的红包 </div> </header> </div> <div class="receive-box"> <header></header> <div class="receive-list"> </div> </div> </div> </div> <div class="close-btn"></div> </div> </div> <div class="pay-code"> <div class="pay-money">实付<span class="pay-money-span" data-nowprice='' data-oldprice=''>元</span></div> <div class="content-blance"><a class="blance-bt" href="javascript:;">使用余额支付</a></div> <div class="content-code"> <div id="payCode" data-id=""> <div class="renovate"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png"> <span>点击重新获取</span> </div> </div> <div class="pay-style"><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/weixin.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/zhifubao.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/jingdong.png"></span><span class="text">扫码支付</span></div> </div> <div class="bt-close"> <svg t="1567152543821" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"> <defs> <style type="text/css"></style> </defs> <path d="M512 438.378667L806.506667 143.893333a52.032 52.032 0 1 1 73.6 73.621334L585.621333 512l294.485334 294.485333a52.074667 52.074667 0 0 1-73.6 73.642667L512 585.621333 217.514667 880.128a52.053333 52.053333 0 1 1-73.621334-73.642667L438.378667 512 143.893333 217.514667a52.053333 52.053333 0 1 1 73.621334-73.621334L512 438.378667z" fill="" p-id="10925"></path> </svg> </div> <div class="pay-balance"> <input type="radio" class="pay-code-radio" data-type="details"> <span class="span">钱包余额</span> <span class="balance" style="color:#FC5531;font-size:14px;">0</span> <div class="pay-code-tile"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-help.png" alt=""> <div class="pay-code-content"> <div class="span"> <p class="title">抵扣说明：</p> <p> 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。<br> 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。</p> </div> </div> </div> </div> <a class="pay-balance-con" href="https://i.csdn.net/#/wallet/balance/recharge" target="_blank"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/recharge.png" alt=""><span>余额充值</span></a> </div> <div style="display:none;"> <img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'> </div> <div class="keyword-dec-box" id="keywordDecBox"></div> </body> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/axios-83fa28cedf.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_highlight-8defd55d6e.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_common-be82269d23.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/edit_copy_code-354ae1b335.min.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/codesnippet/lib/highlight/styles/tomorrow-night-eighties.css"> <script src="https://g.csdnimg.cn/user-accusation/1.0.6/user-accusation.js" type="text/javascript"></script> <script> // 全局声明 if (window.csdn === undefined) { window.csdn = {}; } window.csdn.sideToolbar = { options: { report: { isShow: true, }, qr: { isShow: false, }, guide: { isShow: true } } } $(function() { $(document).on('click', "a.option-box[data-type='report']", function() { window.csdn.loginBox.key({ biz: 'blog', subBiz: 'other_service', cb: function() { window.csdn.feedback({ "type": 'blog', "rtype": 'article', "rid": articleId, "reportedName": username, "submitOptions": { "title": articleTitle, "contentUrl": articleDetailUrl }, "callback": function() { showToast({ text: "感谢您的举报，我们会尽快审核！", bottom: '10%', zindex: 9000, speed: 500, time: 1500 }) } }) } }) }); }) </script> <script src="https://g.csdnimg.cn/baidu-search/1.0.12/baidu-search.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/download/old_static/js/qrcode.js"></script> <script src="https://g.csdnimg.cn/lib/qrcode/1.0.0/qrcode.min.js"></script> <script src="https://g.csdnimg.cn/user-ordercart/3.0.1/user-ordercart.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/user-ordertip/5.0.3/user-ordertip.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/order-payment/4.0.5/order-payment.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/common-a425354f6a.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/detail-336f6971b5.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/column-f814d377e0.min.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/side-toolbar/3.4/side-toolbar.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/copyright/1.0.4/copyright.js" type="text/javascript"></script> <script> $(".MathJax").remove(); if ($('div.markdown_views pre.prettyprint code.hljs').length > 0) { $('div.markdown_views')[0].className = 'markdown_views'; } </script> <script type="text/javascript" src="https://csdnimg.cn/release/blog_mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ "HTML-CSS": { linebreaks: { automatic: true, width: "94%container" }, imageFont: null }, tex2jax: { preview: "none", ignoreClass:"title-article" }, mml2jax: { preview: 'none' } }); </script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script></html>