当前位置:首页 > 综合百科 > 正文

网页设计代码基础知识(掌握网页设计所需的代码基础知识)

随着互联网的迅速发展,网页设计成为了一个热门的行业。要成为一名出色的网页设计师,掌握代码基础知识是必不可少的。本文将介绍一些关键的网页设计代码基础知识,帮助读者了解如何用代码来打造精美的网页。

网页设计代码基础知识(掌握网页设计所需的代码基础知识)  第1张

HTML标签的基本结构

HTML(HypertextMarkupLanguage)是网页设计的基石,它用于描述页面的结构和内容。在HTML中,标签是最基本的单位,它们用于定义网页的各个部分。常见的HTML标签包括、、和<body>等。</p> <p><strong>CSS样式的应用</strong></p> <p>CSS(CascadingStyleSheets)用于控制网页的样式和布局。通过使用CSS,我们可以改变字体、颜色、大小等元素的外观。选择器、属性和值是CSS中的重要概念,它们决定了样式的应用范围和效果。</p> <p style="text-align: center;"><img onclick="xtip.photoApp('jzpic',{index:'2'})" data-xphoto="jzpic" src="https://www.jinji888.com/zb_users/upload/2024/07/20240716134559_63940.jpeg" title="网页设计代码基础知识(掌握网页设计所需的代码基础知识) 第2张" alt="网页设计代码基础知识(掌握网页设计所需的代码基础知识) 第2张"></p> <p><strong>盒模型的概念和应用</strong></p> <p>在网页设计中,盒模型是一个非常重要的概念。每个HTML元素都可以看作一个矩形的盒子,它由内容、内边距、边框和外边距组成。了解盒模型的原理和应用可以帮助我们更好地控制元素的布局和间距。</p> <p><strong>常用的布局方法</strong></p> <p>在网页设计中,合适的布局对于用户体验至关重要。常见的布局方法包括流式布局、定位布局和弹性布局等。每种布局方法都有其适用的场景和特点,我们需要根据实际需求选择合适的布局方式。</p> <p><strong>响应式设计的原理和实现</strong></p> <p>随着移动设备的普及,响应式设计变得越来越重要。响应式设计可以使网页在不同设备上呈现出最佳的布局和用户体验。媒体查询和流动布局是实现响应式设计的两个关键技术,它们可以根据设备的屏幕大小和方向来调整网页的样式和布局。</p> <p style="text-align: center;"><img onclick="xtip.photoApp('jzpic',{index:'3'})" data-xphoto="jzpic" src="https://www.jinji888.com/zb_users/upload/2024/07/20240716134559_24678.jpeg" title="网页设计代码基础知识(掌握网页设计所需的代码基础知识) 第3张" alt="网页设计代码基础知识(掌握网页设计所需的代码基础知识) 第3张"></p> <p><strong>使用图片和多媒体内容</strong></p> <p>图片和多媒体内容可以为网页增添生动和吸引力。了解如何在网页中插入图片、音频和视频等多媒体元素,以及如何优化它们的加载和显示效果,对于提升用户体验非常重要。</p> <p><strong>链接与导航的设计</strong></p> <p>链接和导航是网页中的重要元素,它们可以帮助用户快速浏览和跳转到不同的页面。合理设计链接和导航结构,使用合适的样式和效果,能够提升用户对网页的导航和操作体验。</p> <p><strong>表单的设计与验证</strong></p> <p>网页中的表单用于收集用户输入的数据,它们在各种场景下都有广泛的应用。了解如何设计表单、添加验证规则和处理用户提交的数据,可以让我们更好地与用户进行互动。</p> <p><strong>优化网页加载速度</strong></p> <p>快速的网页加载速度对于提升用户体验至关重要。通过优化图片、压缩代码、使用缓存和减少HTTP请求等方法,我们可以有效地减少网页的加载时间。</p> <p><strong>常见浏览器兼容性问题及解决方法</strong></p> <p>不同的浏览器对网页的渲染效果有所差异,这可能导致网页在不同浏览器上显示不一致。了解常见的浏览器兼容性问题,并采取相应的解决方法,可以确保我们的网页在不同浏览器中都能正常展示。</p> <p><strong>调试和优化网页的工具与技巧</strong></p> <p>在网页设计的过程中,我们经常需要调试和优化代码。掌握一些常用的调试工具和技巧,可以帮助我们快速定位和修复问题,并提升网页的性能和稳定性。</p> <p><strong>网页设计的最佳实践</strong></p> <p>除了掌握代码基础知识,了解网页设计的最佳实践也是非常重要的。这包括遵循Web标准、保持代码的可读性和可维护性、注重用户体验等方面。</p> <p><strong>学习资源推荐</strong></p> <p>学习网页设计代码基础知识需要不断学习和实践。在这个过程中,一些优质的学习资源和工具可以帮助我们更快地提升自己。本段落将介绍一些推荐的学习资源,供读者参考。</p> <p><strong>案例分析与实战演练</strong></p> <p>通过对一些经典的网页设计案例进行分析和实战演练,我们可以更好地理解和应用所学的代码基础知识。本段落将分享一些案例和实战演练的经验,帮助读者提升自己的实际操作能力。</p> <p><strong></strong></p> <p>本文介绍了网页设计代码基础知识的重要性,并详细讨论了HTML标签、CSS样式、盒模型、布局方法、响应式设计、多媒体内容、链接与导航、表单设计、网页加载速度优化、浏览器兼容性、调试和优化技巧、最佳实践等方面的内容。通过学习和应用这些知识,读者可以打造出精美的网页,并提升用户体验和自身能力。</p> </div> <div class="725b7a0c5e344acd7a9da8f8cc3ff388 tags"> <a href="https://www.jinji888.com/view-545-1.html" target="_blank">基础知识</a> </div> </div> <div class="single-share"> <div class="post-share"> <a title="分享"><i class="jzicon-jzfenxiang"></i></a> <div class="share-icons share-sns" data-title="网页设计代码基础知识(掌握网页设计所需的代码基础知识)" data-url="https://www.jinji888.com/article-1683-1.html"> <span class="share-icon share-wechat cl" data-type="wechat" title="分享到微信"><i class="jzicon-weixin"></i><span id="wechat-qrcode"></span></span> <span class="share-icon share-sina-weibo cl" data-type="weibo" title="分享到微博"><i class="jzicon-weibo"></i></span> <span class="share-icon share-qq cl" data-type="qq" title="分享到QQ好友"><i class="jzicon-qq"></i></span> </div> </div> <div class="post-like"> <a href="javascript:;" onclick="Jz52_information_prise('1683')" class="Jz52_information_prise_id-1683 dotGood Jz52_information_prise" title="好文!一定要点赞!"><i class="jzicon-jzzan-h"></i><em class="emz">0</em><em>赞</em></a> <a href="javascript:;" class="comiis_poster_a single_icon bill_icon" title="文章海报"><i class="jzicon-jzimg"></i></a> </div> </div> <div class="copyright">版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 3561739510@qq.com 举报,一经查实,本站将立刻删除。!</div> <div class="725b7a0c5e344acd7a9da8f8cc3ff388 nextinfo"> <p>上一篇:<a href="https://www.jinji888.com/article-1679-1.html" title="上一篇:Dota骷髅王出装攻略(驾驭无尽腐烂力量)">Dota骷髅王出装攻略(驾驭无尽腐烂力量)</a></p> <p>下一篇:<a href="https://www.jinji888.com/article-1597-1.html" title="下一篇:选择合适的软件,轻松使用DNF补丁(推荐使用XX软件)">选择合适的软件,轻松使用DNF补丁(推荐使用XX软件)</a></p> </div> <div class="725b7a0c5e344acd7a9da8f8cc3ff388 related-list"> <h3>相关文章</h3> <ul> <li> <a href="https://www.jinji888.com/article-5780-1.html" title="从零开始学习数据库(打破迷雾)"><i><img src="https://www.jinji888.com/zb_users/cache/thumbs/ce652f02a3a98beb84083f7322395a8e-190-135-1.jpeg" alt="从零开始学习数据库(打破迷雾)"></i> <p>从零开始学习数据库(打破迷雾)</p></a> </li> <li> <a href="https://www.jinji888.com/article-5066-1.html" title="如何成为一名成功的新手小白网店经营者(掌握入门基础知识)"><i><img src="https://www.jinji888.com/zb_users/cache/thumbs/5f765aa72856a417ba41a07b1855c935-190-135-1.jpeg" alt="如何成为一名成功的新手小白网店经营者(掌握入门基础知识)"></i> <p>如何成为一名成功的新手小白网店经营者(掌握入门基础知识)</p></a> </li> <li> <a href="https://www.jinji888.com/article-4981-1.html" title="电商运营的基础知识(掌握电商运营的关键要素)"><i><img src="https://www.jinji888.com/zb_users/cache/thumbs/0cea99e1405788ffafde6bf47b48437c-190-135-1.jpeg" alt="电商运营的基础知识(掌握电商运营的关键要素)"></i> <p>电商运营的基础知识(掌握电商运营的关键要素)</p></a> </li> <li> <a href="https://www.jinji888.com/article-3529-1.html" title="PS修图教程基础知识(掌握PS修图的关键技巧)"><i><img src="https://www.jinji888.com/zb_users/cache/thumbs/fcf9078fe1f76be02f378a1b30649a7a-190-135-1.jpeg" alt="PS修图教程基础知识(掌握PS修图的关键技巧)"></i> <p>PS修图教程基础知识(掌握PS修图的关键技巧)</p></a> </li> <li> <a href="https://www.jinji888.com/article-2403-1.html" title="学习视频剪辑制作的基础知识(掌握剪辑技巧)"><i><img src="https://www.jinji888.com/zb_users/cache/thumbs/56fd46cc53aa5270a3fc6cd9fc97c315-190-135-1.jpeg" alt="学习视频剪辑制作的基础知识(掌握剪辑技巧)"></i> <p>学习视频剪辑制作的基础知识(掌握剪辑技巧)</p></a> </li> <li> <a href="https://www.jinji888.com/article-2343-1.html" title="快速掌握电脑基础知识(从零基础到电脑小白变大神)"><i><img src="https://www.jinji888.com/zb_users/cache/thumbs/2e33c006aae023a3599928c833c92387-190-135-1.jpeg" alt="快速掌握电脑基础知识(从零基础到电脑小白变大神)"></i> <p>快速掌握电脑基础知识(从零基础到电脑小白变大神)</p></a> </li> </ul> </div> </div> </div> <div id="sticky-wrapper"> <div class="share-sns" data-title="网页设计代码基础知识(掌握网页设计所需的代码基础知识)" data-url="https://www.jinji888.com/article-1683-1.html"> <span class="cl" data-type="wechatl" title="分享到微信"><a title="分享到微信" href="#" class="bds_weixin" ><i class="jzicon-weixin"></i><span id="wechat-qrcodel"></span></a></span> <span class="cl" data-type="weibo" title="分享到微博"><a title="分享到新浪微博" href="#" class="bds_tsina" ><i class="jzicon-weibo"></i></a></span> <span class="cl" data-type="qzone" title="分享到QQ空间"><a title="分享到QQ空间" href="#" class="bds_qzone" ><i class="jzicon-qzone"></i></a></span> <span class="cl" data-type="qq" title="分享到QQ好友"><a title="分享到QQ好友" href="#" class="bds_qq" ><i class="jzicon-qq"></i></a></span> <span style="height:30px"></span> <span><a href="javascript:;" onclick="Jz52_information_prise('1683')" class="Jz52_information_prise_id-1683 dotGood Jz52_information_prise" title="好文!一定要点赞!"><i class="jzicon-jzzan-h"></i><em class="emz">0</em><em>赞</em></a></span> </div> </div> </div> <div class="725b7a0c5e344acd7a9da8f8cc3ff388 aside l_box"> <div class="sidebar" id="divPrevious"> <div class="side-title"><h3 class="function_t">最新文章</h3></div><ul><li><a title="自己搭建公网IP服务器的方法(简明易懂的教程及注意事项)" href="https://www.jinji888.com/article-5896-1.html">自己搭建公网IP服务器的方法(简明易懂的教程及注意事项)</a></li> <li><a title="电脑鼠标乱跳的原因(探究电脑鼠标乱跳的各种原因及解决方法)" href="https://www.jinji888.com/article-5893-1.html">电脑鼠标乱跳的原因(探究电脑鼠标乱跳的各种原因及解决方法)</a></li> <li><a title="误删了C盘文件如何恢复(简单有效的文件恢复方法)" href="https://www.jinji888.com/article-5891-1.html">误删了C盘文件如何恢复(简单有效的文件恢复方法)</a></li> <li><a title="高效转换PDF到Word的实用方法(电脑上将PDF文件转换成可编辑的Word文档)" href="https://www.jinji888.com/article-5890-1.html">高效转换PDF到Word的实用方法(电脑上将PDF文件转换成可编辑的Word文档)</a></li> <li><a title="申请电子邮箱的详细流程(轻松创建电子邮箱的步骤及注意事项)" href="https://www.jinji888.com/article-5887-1.html">申请电子邮箱的详细流程(轻松创建电子邮箱的步骤及注意事项)</a></li> <li><a title="如何通过开直播吸引人气(掌握关键技巧)" href="https://www.jinji888.com/article-5884-1.html">如何通过开直播吸引人气(掌握关键技巧)</a></li> <li><a title="我的世界中kill指令的综合应用详解(探索我的世界中kill指令的各种用法和技巧)" href="https://www.jinji888.com/article-5883-1.html">我的世界中kill指令的综合应用详解(探索我的世界中kill指令的各种用法和技巧)</a></li> <li><a title="一招解决磁盘垃圾,轻松释放存储空间" href="https://www.jinji888.com/article-5877-1.html">一招解决磁盘垃圾,轻松释放存储空间</a></li> <li><a title="突破用户控制,教你取回自由(终结限制)" href="https://www.jinji888.com/article-5874-1.html">突破用户控制,教你取回自由(终结限制)</a></li> <li><a title="苹果电脑的强制重启方法(快速解决苹果电脑出现问题的方法)" href="https://www.jinji888.com/article-5775-1.html">苹果电脑的强制重启方法(快速解决苹果电脑出现问题的方法)</a></li> <li><a title="荒野行动PC版终止运营的原因(不可忽视的盗版问题和市场竞争压力)" href="https://www.jinji888.com/article-5769-1.html">荒野行动PC版终止运营的原因(不可忽视的盗版问题和市场竞争压力)</a></li> <li><a title="解除U盘写保护的有效方法(多种方法轻松解除U盘写保护)" href="https://www.jinji888.com/article-5767-1.html">解除U盘写保护的有效方法(多种方法轻松解除U盘写保护)</a></li> <li><a title="免费文字识别软件推荐(让文字识别变得轻松便捷)" href="https://www.jinji888.com/article-5872-1.html">免费文字识别软件推荐(让文字识别变得轻松便捷)</a></li> <li><a title="上古卷轴5最佳附魔搭配揭秘(提升装备能力的关键——附魔技巧)" href="https://www.jinji888.com/article-5869-1.html">上古卷轴5最佳附魔搭配揭秘(提升装备能力的关键——附魔技巧)</a></li> <li><a title="如何解决台式电脑键盘失灵问题(-台式电脑键盘)" href="https://www.jinji888.com/article-5866-1.html">如何解决台式电脑键盘失灵问题(-台式电脑键盘)</a></li> </ul> </div><div class="sidebar" id="divTags"> <div class="side-title"><h3 class="function_t">标签列表</h3></div><ul><li><a title="wifi密码" href="https://www.jinji888.com/view-8-1.html">wifi密码<span class="tag-count"> (55)</span></a></li> <li><a title="笔记本电脑" href="https://www.jinji888.com/view-9-1.html">笔记本电脑<span class="tag-count"> (155)</span></a></li> <li><a title="排行" href="https://www.jinji888.com/view-18-1.html">排行<span class="tag-count"> (66)</span></a></li> <li><a title="电脑" href="https://www.jinji888.com/view-22-1.html">电脑<span class="tag-count"> (271)</span></a></li> <li><a title="解决方法" href="https://www.jinji888.com/view-24-1.html">解决方法<span class="tag-count"> (51)</span></a></li> <li><a title="单机游戏" href="https://www.jinji888.com/view-31-1.html">单机游戏<span class="tag-count"> (71)</span></a></li> <li><a title="推荐" href="https://www.jinji888.com/view-36-1.html">推荐<span class="tag-count"> (61)</span></a></li> <li><a title="台式电脑" href="https://www.jinji888.com/view-37-1.html">台式电脑<span class="tag-count"> (107)</span></a></li> <li><a title="软件推荐" href="https://www.jinji888.com/view-38-1.html">软件推荐<span class="tag-count"> (60)</span></a></li> <li><a title="win10" href="https://www.jinji888.com/view-41-1.html">win10<span class="tag-count"> (121)</span></a></li> <li><a title="u盘" href="https://www.jinji888.com/view-42-1.html">u盘<span class="tag-count"> (80)</span></a></li> <li><a title="怎么" href="https://www.jinji888.com/view-45-1.html">怎么<span class="tag-count"> (148)</span></a></li> <li><a title="wifi" href="https://www.jinji888.com/view-49-1.html">wifi<span class="tag-count"> (58)</span></a></li> <li><a title="路由器" href="https://www.jinji888.com/view-65-1.html">路由器<span class="tag-count"> (52)</span></a></li> <li><a title="重装系统" href="https://www.jinji888.com/view-72-1.html">重装系统<span class="tag-count"> (55)</span></a></li> <li><a title="怎么办" href="https://www.jinji888.com/view-82-1.html">怎么办<span class="tag-count"> (69)</span></a></li> <li><a title="笔记本" href="https://www.jinji888.com/view-91-1.html">笔记本<span class="tag-count"> (63)</span></a></li> <li><a title="什么" href="https://www.jinji888.com/view-118-1.html">什么<span class="tag-count"> (65)</span></a></li> <li><a title="win7" href="https://www.jinji888.com/view-137-1.html">win7<span class="tag-count"> (88)</span></a></li> <li><a title="硬盘" href="https://www.jinji888.com/view-193-1.html">硬盘<span class="tag-count"> (51)</span></a></li> <li><a title="方法" href="https://www.jinji888.com/view-200-1.html">方法<span class="tag-count"> (109)</span></a></li> <li><a title="职业" href="https://www.jinji888.com/view-259-1.html">职业<span class="tag-count"> (57)</span></a></li> <li><a title="打印机" href="https://www.jinji888.com/view-271-1.html">打印机<span class="tag-count"> (49)</span></a></li> <li><a title="加点" href="https://www.jinji888.com/view-285-1.html">加点<span class="tag-count"> (87)</span></a></li> <li><a title="网站" href="https://www.jinji888.com/view-288-1.html">网站<span class="tag-count"> (93)</span></a></li> </ul> </div> </div> </div> <script> var billmE = new Array("","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Spt","Oct","Nov","Dec"); var billhost = "https://www.jinji888.com/",billtxt1 = "",billtxt2 = "",billurl = "https://www.jinji888.com/article-1683-1.html",billtag = "综合百科",billtitle = "网页设计代码基础知识(掌握网页设计所需的代码基础知识)",billcont = "随着互联网的迅速发展,网页设计成为了一个热门的行业。要成为一名出色的网页设计师,掌握代码基础知识是必不可少的。本文将介绍一些关键...",billimg = "https://www.jinji888.com/zb_users/upload/2024/07/20240716134559_36687.jpeg",billlogo = "https://www.jinji888.com/zb_users/upload/2024/06/202406061717645208149373.png",billd = "02",billY = "2024",billm = billmE[parseInt("8")]; var hbtim = '<div class="img_time">'+billd+'<span>'+billm+'. '+billY+'</span></div>';</script> <link href="https://www.jinji888.com/zb_users/theme/Jz52_information/bill/bill.css" media="all" rel="stylesheet" /> <script src="https://www.jinji888.com/zb_users/theme/Jz52_information/bill/html2canvas.min.js"></script> <script src="https://www.jinji888.com/zb_users/theme/Jz52_information/bill/bill.js"></script> <script src="https://www.jinji888.com/zb_users/theme/Jz52_information/bill/billgo.js"></script> <footer> <div class="footer"> <div class="footer-widget row"> <div class="widget widget-about"> <img class="footer-logo" src="https://www.jinji888.com/zb_users/upload/2024/06/202406061717645208149373.png" alt="锦集百科"> <p></p> </div> <div class="widget widget-links"> <h5>板块导航</h5> <ul> <li><a href="https://www.jinji888.com/">首页</a></li> <li><a href="https://www.jinji888.com/SMBK.html">数码百科</a></li> <li><a href="https://www.jinji888.com/JDCS.html">家电常识</a></li> <li><a href="https://www.jinji888.com/SHZS.html">生活知识</a></li> <li><a href="https://www.jinji888.com/ZHBK.html">综合百科</a></li></ul> </div> <div class="widget widget-qr"> <h5>关注我们</h5> <div class="row"> <div class="qrimg"> <img src="https://www.jinji888.com/zb_users/theme/Jz52_information/style/images/weixin.png" alt=""> <p></p> </div> <div class="qrimg"> <img src="" alt=""> <p></p> </div> <div class="qrimg"> <img src="" alt=""> <p></p> </div> </div> </div> </div> </div> <div class="footer-copyright"> <div class="footer"> Copyright © www.jinji888.com All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">滇ICP备2024031775号</a> 图片来源于网络,如有侵权请联系删除<br><script>(function(){var bp=document.createElement('script');var curProtocol=window.location.protocol.split(':')[0];if(curProtocol==='https'){bp.src='https://zz.bdstatic.com/linksubmit/push.js'}else{bp.src='http://push.zhanzhang.baidu.com/push.js'}var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp,s)})();</script><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?c774e1a8a2c476ac0c21ce34660c7852";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script> </div> </div> </footer> <div class="sodli"><div class="jzcms"><div class="related-list"><div class="cms-title"><h3>推荐阅读</h3></div><ul><li><a href="https://www.jinji888.com/article-3-1.html" title="CAD快捷键命令大全(完整详解CAD常用快捷键)"><i><img src="https://www.jinji888.com/zb_users/upload/2024/06/20240606115055_57538.jpeg" alt="CAD快捷键命令大全(完整详解CAD常用快捷键)"></i><p>CAD快捷键命令大全(完整详解CAD常用快捷键)</p></a> </li><li><a href="https://www.jinji888.com/article-11-1.html" title="忘记WiFi密码,手机查看方法大揭秘(简单教你手机上如何查看忘记的WiFi密码)"><i><img src="https://www.jinji888.com/zb_users/upload/2024/06/20240606115112_16091.jpeg" alt="忘记WiFi密码,手机查看方法大揭秘(简单教你手机上如何查看忘记的WiFi密码)"></i><p>忘记WiFi密码,手机查看方法大揭秘(简单教你手机上如何查看忘记的WiFi密码)</p></a> </li><li><a href="https://www.jinji888.com/article-21-1.html" title="本电脑无法启动修复方法大全(教你如何解决电脑无法启动的常见问题)"><i><img src="https://www.jinji888.com/zb_users/upload/2024/06/20240606115132_24658.jpeg" alt="本电脑无法启动修复方法大全(教你如何解决电脑无法启动的常见问题)"></i><p>本电脑无法启动修复方法大全(教你如何解决电脑无法启动的常见问题)</p></a> </li><li><a href="https://www.jinji888.com/article-31-1.html" title="教你设置电脑自动关机命令(简单实用的电脑自动关机教程)"><i><img src="https://www.jinji888.com/zb_users/upload/2024/06/20240606115152_41599.jpeg" alt="教你设置电脑自动关机命令(简单实用的电脑自动关机教程)"></i><p>教你设置电脑自动关机命令(简单实用的电脑自动关机教程)</p></a> </li></ul></div></div></div><span id="go-to-top"></span> <a class="jznight" href="javascript:switchNightMode()" target="_self"></a><script src="https://www.jinji888.com/zb_users/theme/Jz52_information/script/custom.js"></script> <script language="javascript" src="https://www.jinji888.com/zb_users/plugin/tx_side/js/txcstx.js"></script> <script src="https://www.jinji888.com/zb_users/theme/Jz52_information/script/theia-sticky-sidebar.min.js"></script> <script> $(document).ready(function() { $(".aside").theiaStickySidebar({ additionalMarginTop: 0 }) }); </script> <script src="https://www.jinji888.com/zb_users/theme/Jz52_information/script/qrcode.min.js"></script> </body> </html><!--299.03 ms , 34 queries , 5004kb memory , 0 error-->