随着互联网技术的迅速发展，Web设计成为了数字时代不可或缺的一部分。掌握HTML和CSS是Web设计入门的基础，也是构建网页结构和样式的基石。本指南将为您提供一份全面的实践指南，教您如何利用CSS与HTML进行高效、美观的Web设计。
HTML基础入门
HTML的定义与作用
HTML是“超文本标记语言（HyperTextMarkupLanguage）”的缩写，它负责网页内容的结构与逻辑，包括标题、段落、链接、图片等基本元素。
创建第一个HTML文档
开启文本编辑器，创建一个新文件
输入基本的HTML结构：“,“,“,`
`,和“</p>
<p>在“中添加内容，如段落和标题</p>
<p>HTML文档结构详解</p>
<p>详细介绍HTML文档结构，包括头部信息、文档类型声明、标题和元数据等。</p>
<p>常用HTML标签及其使用</p>
<p>标题标签“到“</p>
<p>段落标签`</p>
<p>`</p>
<p>链接标签“</p>
<p>图片标签`<img>`</p>
<p>列表标签“,“,“</p>
<p>表格标签“,“,`</p>
<th>`,“</p>
<p style="text-align: center"><img decoding="async" alt="CSS与HTMLWeb设计实践指南目录包含哪些内容？" title="CSS与HTMLWeb设计实践指南目录包含哪些内容？" src="https://fg669.com/wp-content/uploads/2025/0420/20250419043356_39120.jpeg" /></p>
<p>CSS样式设计</p>
<p>CSS概述及优势</p>
<p>介绍CSS的作用，包括如何通过CSS来控制页面的布局、颜色和字体等。</p>
<p>CSS基本语法</p>
<p>选择器的使用，如元素选择器、类选择器和ID选择器等</p>
<p>属性与值的组合</p>
<p>CSS规则的书写格式</p>
<p>CSS的三种应用方式</p>
<p>内联样式：直接在HTML元素中使用`style`属性</p>
<p>内部样式表：在HTML文档的“部分使用“标签</p>
<p>外部样式表：通过“标签引入外部的`.css`文件</p>
<p>CSS盒模型</p>
<p>解释什么是盒模型，包括边框（border）、内边距（padding）、外边距（margin）和内容区域。</p>
<p>布局与定位技巧</p>
<p>浮动（float）与清除浮动</p>
<p>定位（position）：静态、相对、绝对和固定定位</p>
<p>Flexbox布局和Grid布局的使用方法和优势</p>
<p style="text-align: center"><img decoding="async" alt="CSS与HTMLWeb设计实践指南目录包含哪些内容？" title="CSS与HTMLWeb设计实践指南目录包含哪些内容？" src="https://fg669.com/wp-content/uploads/2025/0420/20250419043356_83513.jpeg" /></p>
<p>响应式设计实践</p>
<p>媒体查询的使用</p>
<p>如何利用媒体查询实现不同屏幕尺寸的适配设计。</p>
<p>常用响应式设计框架介绍</p>
<p>介绍Bootstrap、Foundation等流行的响应式设计框架，以及如何快速上手。</p>
<p style="text-align: center"><img decoding="async" alt="CSS与HTMLWeb设计实践指南目录包含哪些内容？" title="CSS与HTMLWeb设计实践指南目录包含哪些内容？" src="https://fg669.com/wp-content/uploads/2025/0420/20250419043357_45082.jpeg" /></p>
<p>交互性与动态效果</p>
<p>事件监听与操作</p>
<p>介绍如何通过JavaScript与CSS结合来实现用户交互效果。</p>
<p>动画与过渡</p>
<p>CSS3的`@keyframes`规则创建动画</p>
<p>`transition`属性的使用方法</p>
<p>调试与优化</p>
<p>浏览器开发者工具的应用</p>
<p>如何利用开发者工具进行代码调试和性能分析。</p>
<p>页面加载优化技巧</p>
<p>减少HTTP请求</p>
<p>使用CSS精灵图</p>
<p>压缩CSS和JavaScript文件</p>
<p>Web安全与SEO基础</p>
<p>确保网页代码安全的实践</p>
<p>SEO中CSS和HTML的优化技巧</p>
<p>总体实践项目案例</p>
<p>综合案例演示</p>
<p>提供一个从零开始的项目案例，演示如何将以上知识点综合运用到实际的Web设计项目中。</p>
<p>通过本指南，读者不仅能掌握HTML和CSS的基础知识，还能了解如何将这些知识应用到具体的Web设计工作中，提升设计能力并应对实际项目需求。无论您是初学者还是希望进一步提高技能的专业人士，本指南都将为您提供坚实的基础和实用的技能。</p>
<div class="post-note alert alert-warning mt-2" role="alert"><small>
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！<br>
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！<br>
3. 不得使用于非法商业用途，不得违反国家法律,否则后果自负！<br>
4.若作商业用途，请购买正版，由于未及时购买正版授权发生的侵权行为，与本站无关。<br>
<b style="color:red">5. 本站分享的源码、模板、插件等等其他资源，都不包含免费技术服务请大家谅解！<br>
6. 因精力有限,源码未能详细测试,不能分辨部分源码是病毒还是误报,所以没有进行任何修改,大家使用前请自行甄别,并不为此承担您的任何损失!</b><br/></small></div><div class="entry-tags"><a href="https://www.fg669.com/tag/css%e4%b8%8ehtmlweb%e8%ae%be%e8%ae%a1%e5%ae%9e%e8%b7%b5%e6%8c%87%e5%8d%97%e7%9b%ae%e5%bd%95%e5%8c%85%e5%90%ab%e5%93%aa%e4%ba%9b%e5%86%85%e5%ae%b9%ef%bc%9f" class="btn btn-sm btn-light mr-2" rel="tag">CSS与HTMLWeb设计实践指南目录包含哪些内容？</a></div>
<div class="entry-share">
<div class="row">
<div class="col d-none d-lg-block">
</div>
<div class="col-auto mb-3 mb-lg-0">
<button class="btn btn-sm btn-white" data-toggle="tooltip" data-html="true" data-placement="top" title="<span class="reward-qrcode"><span> <img src="https://fg069.com/wp-content/uploads/2023/05/%E6%94%AF%E4%BB%98%E5%AE%9D-e1683778546412.jpg"> 支付宝扫一扫 </span><span> <img src="https://fg069.com/wp-content/uploads/2023/05/%E5%BE%AE%E4%BF%A1-e1683778395622.png"> 微信扫一扫 </span></span>"><i class="fa fa-qrcode"></i> 打赏</button>
<button class="go-star-btn btn btn-sm btn-white" data-id="27518"><i class="far fa-star"></i> 收藏</button>
<button class="go-copy btn btn-sm btn-white" data-toggle="tooltip" data-placement="top" title="点击复制链接" data-clipboard-text="https://www.fg669.com/27518.html"><i class="fas fa-link"></i> 链接</button>
</div>
</div>
</div>
</div>
<div class="site_abc_wrap pc bottum"><a href="https://m.xkwinner.com/#/register?inviteCode=wja84349&oas=1&from=1&platform_id=2005×tamp=1715662638043" target="_blank" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" ><img src="https://www.fg669.com/wp-content/uploads/2024/09/信用卡-1.jpg" style=" width: 100%; "></a></div> </div>
</div>
</article>
<div class="entry-navigation">
<div class="row">
<div class="col-lg-6 col-12">
<a class="entry-page-prev" href="https://www.fg669.com/27547.html" title="企业网站建设的优化策略（深度分析网站建设的15个优化层面）">
<div class="entry-page-icon"><i class="fas fa-arrow-left"></i></div>
<div class="entry-page-info">
<span class="d-block rnav">上一篇</span>
<span class="d-block title">企业网站建设的优化策略（深度分析网站建设的15个优化层面）</span>
</div>
</a>
</div>
<div class="col-lg-6 col-12">
<a class="entry-page-next" href="https://www.fg669.com/27544.html" title="企业网站排名的注意事项（提高企业网站排名）">
<div class="entry-page-info">
<span class="d-block rnav">下一篇</span>
<span class="d-block title">企业网站排名的注意事项（提高企业网站排名）</span>
</div>
<div class="entry-page-icon"><i class="fas fa-arrow-right"></i></div>
</a>
</div>
</div>
</div> <div class="related-posts">
<h3 class="u-border-title">相关文章</h3>
<div class="row">
<div class="col-lg-6 col-12">
<article id="post-32129" class="post post-list post-32129 type-post status-publish format-standard hentry category-ztgh tag-13492">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/32129.html" title="探索资讯之海——推荐优质资讯类网站（从丰富内容到良好体验）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2026/0205/20251129185420_29961.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="探索资讯之海——推荐优质资讯类网站（从丰富内容到良好体验）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/32129.html" title="探索资讯之海——推荐优质资讯类网站（从丰富内容到良好体验）" rel="bookmark">探索资讯之海——推荐优质资讯类网站（从丰富内容到良好体验）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2026-02-04T11:22:01+08:00">
<i class="fa fa-clock-o"></i>
8月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 1.1K</span>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-32130" class="post post-list post-32130 type-post status-publish format-standard hentry category-ztgh tag-13493">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/32130.html" title="网站改版的优化技巧（提升用户体验）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2026/0205/20251129185415_76012.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="网站改版的优化技巧（提升用户体验）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/32130.html" title="网站改版的优化技巧（提升用户体验）" rel="bookmark">网站改版的优化技巧（提升用户体验）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2026-02-04T11:22:01+08:00">
<i class="fa fa-clock-o"></i>
8月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 1.0K</span>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-32089" class="post post-list post-32089 type-post status-publish format-standard hentry category-ztgh tag-seo">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/32089.html" title="SEO优化快速入门技巧（提升网站排名的秘密武器）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2026/0205/20251217143941_48265.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="SEO优化快速入门技巧（提升网站排名的秘密武器）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/32089.html" title="SEO优化快速入门技巧（提升网站排名的秘密武器）" rel="bookmark">SEO优化快速入门技巧（提升网站排名的秘密武器）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2026-02-03T14:44:02+08:00">
<i class="fa fa-clock-o"></i>
8月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 710</span>
</div>
</div>
</div>
</article>
</div>
<div class="col-lg-6 col-12">
<article id="post-32090" class="post post-list post-32090 type-post status-publish format-standard hentry category-ztgh tag-13452">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/32090.html" title="百度时间因子的重要性剖析（如何利用百度时间因子提升网站权重）" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://fg669.com/wp-content/uploads/2026/0205/20251217143928_96338.jpeg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="百度时间因子的重要性剖析（如何利用百度时间因子提升网站权重）" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header"><h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/32090.html" title="百度时间因子的重要性剖析（如何利用百度时间因子提升网站权重）" rel="bookmark">百度时间因子的重要性剖析（如何利用百度时间因子提升网站权重）</a></h2></header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-category">
<a href="https://www.fg669.com/jzzs/ztgh" rel="category">网站SEO</a>
</span>
<span class="meta-date">
<time datetime="2026-02-03T14:44:02+08:00">
<i class="fa fa-clock-o"></i>
8月前 </time>
</span>
<span class="meta-views"><i class="fa fa-eye"></i> 1.0K</span>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar-column col-lg-3">
<aside id="secondary" class="widget-area">
<div id="text-3" class="widget widget_text"><h5 class="widget-title">网站简介</h5> <div class="textwidget"><p>本站主打：网站相关知识学习研究分享，给各位带来一些技术性的课程内容，同时也期望更多的创作者加入本站,分享你的知识！</p>
</div>
</div><div id="ripro_v2_widget_alert-4" class="widget ripro-v2-widget-alert">
<div class="alert alert-primary alert-dismissible fade show" role="alert">
<strong>请注意：</strong> 本站所有资源，除下载链接问题之外，无任何售后服务，虚拟资源，售出概不退款！ <button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
</div><div id="ripro_v2_widget_ads-2" class="widget widget-adss"><div class="adsbg"><a class="asr" href="/user?action=vip" target="_blank" style="background-color:#f70800"><h4>赞助本站会员</h4><p>助力新手站长,低成本创业，快速起航!</p><span class="btn btn-outline">立即查看</span></a></div></div><div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a href="http://m.fg069.com/#/pages/public/register?code=92470561" target="_blank" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" title=""><img src="https://www.fg696.com/wp-content/uploads/2024/06/1718820332-197252364068966.png" style=" width: 100%; "></a></div></div><div id="ripro_v2_widget_post_item-2" class="widget ripro_v2-widget-post"> <div class="list">
<article id="post-17009" class="post post-list post-17009 type-post status-publish format-standard has-post-thumbnail hentry category-zzcj category-cjjc tag-2409">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/17009.html" title="火车头采集发布规则定制 支持日主题" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/5-200x200.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="火车头采集发布规则定制 支持日主题" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/17009.html" title="火车头采集发布规则定制 支持日主题" rel="bookmark">火车头采集发布规则定制 支持日主题</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-22T00:00:12+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
</div>
</div>
</div>
</article>
<article id="post-22702" class="post post-list post-22702 type-post status-publish format-standard hentry category-mdjk category-hctcj tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22702.html" title="zblog免登接口-zblog模板火车头采集发布免登接口！" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/zblog.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="zblog免登接口-zblog模板火车头采集发布免登接口！" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22702.html" title="zblog免登接口-zblog模板火车头采集发布免登接口！" rel="bookmark">zblog免登接口-zblog模板火车头采集发布免登接口！</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-31T18:34:42+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-22758" class="post post-list post-22758 type-post status-publish format-standard hentry category-mdjk category-hctcj tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22758.html" title="织梦CMS免登接口-DedeCMS模板火车头采集免登接口" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/08/dede.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="织梦CMS免登接口-DedeCMS模板火车头采集免登接口" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22758.html" title="织梦CMS免登接口-DedeCMS模板火车头采集免登接口" rel="bookmark">织梦CMS免登接口-DedeCMS模板火车头采集免登接口</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-08-27T01:35:24+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 9.9</span>
</div>
</div>
</div>
</article>
<article id="post-23082" class="post post-list post-23082 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-ceomax tag-ceonova tag-5183 tag-5178 tag-1924 tag-5205">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/23082.html" title="总裁CeoMax-Pro主题发布模块-CeoNova-Pro演示批量采集发布模块-WP模板" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/总裁.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="总裁CeoMax-Pro主题发布模块-CeoNova-Pro演示批量采集发布模块-WP模板" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23082.html" title="总裁CeoMax-Pro主题发布模块-CeoNova-Pro演示批量采集发布模块-WP模板" rel="bookmark">总裁CeoMax-Pro主题发布模块-CeoNova-Pro演示批量采集发布模块-WP模板</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-02T13:56:54+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-23086" class="post post-list post-23086 type-post status-publish format-standard hentry category-fbgz category-hctcj">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/23086.html" title="RiPro主题发布模块-日主题RiPro火车头采集发布模块！" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/ripro.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="RiPro主题发布模块-日主题RiPro火车头采集发布模块！" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23086.html" title="RiPro主题发布模块-日主题RiPro火车头采集发布模块！" rel="bookmark">RiPro主题发布模块-日主题RiPro火车头采集发布模块！</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-02T14:07:27+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-22796" class="post post-list post-22796 type-post status-publish format-standard has-post-thumbnail hentry category-fbgz category-hctcj tag-wordpress tag-5183 tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22796.html" title="模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/20240314190215305-300x300-2-200x200.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22796.html" title="模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块" rel="bookmark">模版兔主题火车头发布模块-WordPress主题-模板兔全新发布模块</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T11:02:08+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-22841" class="post post-list post-22841 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22841.html" title="RiPro-V2发布模块-日主题RiPro-V2火车头采集发布文章模块-站长接单所有日主题，子比主题，采集发布一条龙！" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/日主题RiPro-V2.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="RiPro-V2发布模块-日主题RiPro-V2火车头采集发布文章模块-站长接单所有日主题，子比主题，采集发布一条龙！" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22841.html" title="RiPro-V2发布模块-日主题RiPro-V2火车头采集发布文章模块-站长接单所有日主题，子比主题，采集发布一条龙！" rel="bookmark">RiPro-V2发布模块-日主题RiPro-V2火车头采集发布文章模块-站长接单所有日主题，子比主题，采集发布一条龙！</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-03T11:54:06+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-22835" class="post post-list post-22835 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-2409 tag-5183 tag-5206 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22835.html" title="子比主题发布模块-zibll主题火车头采集文章自动发布模块" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/子比Zibll主题.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="子比主题发布模块-zibll主题火车头采集文章自动发布模块" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22835.html" title="子比主题发布模块-zibll主题火车头采集文章自动发布模块" rel="bookmark">子比主题发布模块-zibll主题火车头采集文章自动发布模块</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T18:42:59+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
<article id="post-23076" class="post post-list post-23076 type-post status-publish format-standard hentry category-fbgz category-hctcj tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/23076.html" title="极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/极致.jpg" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/23076.html" title="极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题" rel="bookmark">极致主题发布模块-Ripro子主题jizhi子主题火车头采集发布模块-极致·图片集 图片展示类主题</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-02T13:49:17+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 19.9</span>
</div>
</div>
</div>
</article>
<article id="post-22664" class="post post-list post-22664 type-post status-publish format-standard hentry category-mdjk category-hctcj tag-2409 tag-5280 tag-5178 tag-1924">
<div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a target="_blank" href="https://www.fg669.com/22664.html" title="wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.fg669.com/wp-content/uploads/2024/09/20240314190215305-300x300-5.png" src="https://www.fg669.com/wp-content/uploads/2024/08/logo-1.png" alt="wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等" /></a></div></div> <div class="entry-wrapper">
<header class="entry-header">
<h2 class="entry-title"><a target="_blank" href="https://www.fg669.com/22664.html" title="wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等" rel="bookmark">wordpress免登接口-wordpress建站火车头采集发布文章免登接口！日主题全系列、子比主题、dux主题、总裁主题等</a></h2> </header>
<div class="entry-footer"> <div class="entry-meta">
<span class="meta-date">
<time datetime="2024-09-01T00:49:10+08:00">
<i class="fa fa-clock-o"></i>
2年前 </time>
</span>
<span class="meta-shhop-icon"><i class="fas fa-coins"></i> 29.9</span>
</div>
</div>
</div>
</article>
</div>
</div><div id="ripro_v2_dynamic_time-2" class="widget widget-adss"><div class="card-content">
<canvas id="canvas" style="width:100%;" width="820" height="250"></canvas>
</div></div></aside><!-- #secondary -->
</div>
</div>
</div>
</main><!-- #main -->
<footer class="site-footer">
<div class="footer-widget d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md">
<div class="footer-info">
<div class="logo mb-2">
<img class="logo" src="https://www.fg669.com/wp-content/uploads/2024/08/六九网创源码-透明-1-e1680406216838.png" alt="六九网创技术网">
</div>
<p class="desc mb-0">本站持续更新亲测精品资源，火车头采集技术、网站建站、网站SeO技术分享，网站常用工具等。</p>
</div>
</div>
<div class="col-lg-9 col-auto widget-warp">
<div class="d-flex justify-content-xl-between">
<div id="linkcat-2" class="widget widget_links"><h5 class="widget-title">更多介绍</h5>
<ul class='xoxo blogroll'>
<li><a href="/vip" rel="noopener" title="本站vip权益介绍" target="_blank">vip介绍</a></li>
<li><a href="http://fg696.com/" rel="noopener" title="各种创业资源免费获取~" target="_blank">创业资源</a></li>
<li><a href="http://a.fg006.com/" rel="noopener" title="收藏不迷路" target="_blank">总站导航</a></li>
<li><a href="http://fg069.com" rel="noopener" target="_blank">副业项目</a></li>
</ul>
</div>
<div id="linkcat-3" class="widget widget_links"><h5 class="widget-title">本站导航</h5>
<ul class='xoxo blogroll'>
<li><a href="/vip" rel="noopener" title="本站vip权益介绍" target="_blank">vip介绍</a></li>
<li><a href="https://www.fg669.com/lxkf" rel="noopener" title="有问题请联系客服" target="_blank">联系客服</a></li>
<li><a href="/lxkf" rel="noopener" title="点击QQ联系我" target="_blank">联系站长</a></li>
<li><a href="http://a.fg006.com/" rel="noopener" title="收藏不迷路" target="_blank">总站导航</a></li>
</ul>
</div>
<div id="text-2" class="widget widget_text"><h5 class="widget-title">站长微信</h5> <div class="textwidget"><p><img decoding="async" loading="lazy" class="alignnone wp-image-22538" src="https://www.fg669.com/wp-content/uploads/2024/08/fgbj03-1.png" alt="" width="135" height="135" /></p>
</div>
</div><div id="text-7" class="widget widget_text"><h5 class="widget-title">QQ群</h5> <div class="textwidget"><p><img decoding="async" loading="lazy" class="alignnone wp-image-22537" src="https://www.fg669.com/wp-content/uploads/2024/08/生财有道新人群群聊二维码-190x200.png" alt="" width="126" height="133" srcset="https://www.fg669.com/wp-content/uploads/2024/08/生财有道新人群群聊二维码-190x200.png 190w, https://www.fg669.com/wp-content/uploads/2024/08/生财有道新人群群聊二维码.png 298w" sizes="(max-width: 126px) 100vw, 126px" /></p>
</div>
</div><div id="search-5" class="widget widget_search"><h5 class="widget-title">公众号： 锋哥创业笔记（fgbj01)</h5>
<form method="get" class="search-form" action="https://www.fg669.com/">
<input type="text" class="form-control" placeholder="输入关键词 回车..." autocomplete="off" value="" name="s" required="required">
</form></div> </div>
</div>
</div>
</div>
</div>
<div class="footer-links d-none d-lg-block">
<div class="container">
<h6>友情链接：</h6>
<ul class="friendlinks-ul">
<li><a target="_blank" href="/mzsm" title="免责申明" rel="noopener noreferrer">免责申明</a></li><li><a target="_blank" href="http://www.fg966.com" title="单机游戏网" rel="noopener noreferrer">单机游戏网</a></li><li><a target="_blank" href="http://fg696.com/" title="创业资源" rel="noopener noreferrer">创业资源</a></li><li><a target="_blank" href="http://fg006.com" title="学生资源网" rel="noopener noreferrer">学生资源网</a></li><li><a target="_blank" href="http://a.fg006.com/" title="总站导航" rel="noopener noreferrer">总站导航</a></li><li><a target="_blank" href="http://fg069.com" title="副业项目" rel="noopener noreferrer">副业项目</a></li> <li><a style="color:#dd3333;" target="_blank" href="/blinks">自助申请友链</a></li>
</ul>
</div>
</div>
<div class="footer-copyright d-flex text-center">
<div class="container">
<p class="m-0 small">Copyright © 2021 <a href="https://ym.fg069.com">六九网创源码 公众号：锋哥创业笔记(fgbj01)</a> <span class="sep"> | </span><span class="sep"> | </span> </p>
</div>
</div>
</footer><!-- #footer -->
</div><!-- #page -->
<div class="rollbar">
<ul class="actions">
<li>
<a href="http://www.fg669.com/" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="首页"><i class="fas fa-home"></i></a>
</li>
<li>
<a target="_blank" href="https://cloud.tencent.com/act/cps/redirect?redirect=2446&cps_key=9c4e9800254b851ca97e71e1c687ad80&from=console" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="云服务器推荐"><i class="far fa-hdd"></i></a>
</li>
<li>
<a target="_blank" href="/vip" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="VIP会员介绍 "><i class="fa fa-diamond"></i></a>
</li>
<li>
<a target="_blank" href="https://www.fg669.com/lxkf" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="<b>在线客服</b> <u>9:00~21:00</u>"><i class="fab fa-qq"></i></a>
</li>
<li>
<a target="_blank" href="/user/index" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="个人中心"><i class="fas fa-blind"></i></a>
</li>
</ul>
<div class="rollbar-item back-to-top">
<i class="fas fa-chevron-up"></i>
</div>
</div>
<div class="m-menubar">
<ul>
<li>
<a href="http://www.fg669.com" rel="nofollow noopener noreferrer"><i class="fas fa-home"></i>首页</a>
</li>
<li>
<a target="_blank" href="/vip" rel="nofollow noopener noreferrer"><i class="fas fa-chess-queen"></i>会员</a>
</li>
<li>
<a target="_blank" href="https://a.fg069.com/" rel="nofollow noopener noreferrer"><i class="fab fa-internet-explorer"></i>总站</a>
</li>
<li>
<a target="_blank" href="/lxkf" rel="nofollow noopener noreferrer"><i class="fas fa-comment-alt"></i>客服</a>
</li>
<li>
<a href="javacript:void(0);" class="back-to-top" rel="nofollow noopener noreferrer"><i class="fas fa-chevron-up"></i>顶部<span></span></a>
</li>
</ul>
</div>
<div id="omnisearch" class="omnisearch">
<div class="container">
<form class="omnisearch-form" method="get" action="https://www.fg669.com/">
<div class="form-group">
<div class="input-group input-group-merge input-group-flush">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-search"></i></span>
</div>
<div class="input-group-prepend d-flex align-items-center" style=" max-width: 35%; ">
<select name='cat' id='omnisearch-cat' class='selectpicker'>
<option value=''>全部</option>
<option class="level-0" value="10">插件模块</option>
<option class="level-0" value="23">火车头采集</option>
<option class="level-0" value="13">精品亲测</option>
<option class="level-0" value="22">精品课程</option>
<option class="level-0" value="2191">网站知识</option>
<option class="level-0" value="9">软件工具</option>
</select>
</div>
<input type="text" class="search-ajax-input form-control" name="s" value="" placeholder="输入关键词 回车搜索..." autocomplete="off">
</div>
</div>
</form>
<div class="omnisearch-suggestions">
<div class="search-keywords">
<a href="https://www.fg669.com/tag/pbootcms%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-3423 tag-link-position-1" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #C9C; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">pbootcms模板</a>
<a href="https://www.fg669.com/tag/%e4%b8%80" class="tag-cloud-link tag-link-6553 tag-link-position-2" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #C9C; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">一</a>
<a href="https://www.fg669.com/tag/%e4%ba%8c" class="tag-cloud-link tag-link-5728 tag-link-position-3" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F99; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">二</a>
<a href="https://www.fg669.com/tag/%e4%bc%98%e5%8c%96" class="tag-cloud-link tag-link-141 tag-link-position-4" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F96; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">优化</a>
<a href="https://www.fg669.com/rjzy/qtgj" class="tag-cloud-link tag-link-1285 tag-link-position-5" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #E6CC6E; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">其它常用工具</a>
<a href="https://www.fg669.com/tag/%e5%86%85%e5%ae%b9%e4%bc%98%e5%8c%96" class="tag-cloud-link tag-link-754 tag-link-position-6" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #E6CC6E; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">内容优化</a>
<a href="https://www.fg669.com/hctcj/fbgz" class="tag-cloud-link tag-link-26 tag-link-position-7" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #E6CC6E; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">发布模块</a>
<a href="https://www.fg669.com/jpqc/tyqc" class="tag-cloud-link tag-link-1286 tag-link-position-8" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6C9; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">坛友测试</a>
<a href="https://www.fg669.com/tag/%e5%bb%ba%e7%ab%99%e6%8a%80%e6%9c%af" class="tag-cloud-link tag-link-21 tag-link-position-9" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F99; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">建站技术</a>
<a href="https://www.fg669.com/mbcj" class="tag-cloud-link tag-link-10 tag-link-position-10" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #C9C; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">插件模块</a>
<a href="https://www.fg669.com/tag/%e6%a0%87%e9%a2%98" class="tag-cloud-link tag-link-5183 tag-link-position-11" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F99; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">标题</a>
<a href="https://www.fg669.com/tag/%e7%81%ab%e8%bd%a6%e5%a4%b4%e5%8f%91%e5%b8%83%e6%a8%a1%e5%9d%97" class="tag-cloud-link tag-link-5178 tag-link-position-12" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #E6CC6E; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">火车头发布模块</a>
<a href="https://www.fg669.com/hctcj" class="tag-cloud-link tag-link-23 tag-link-position-13" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6C9; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">火车头采集</a>
<a href="https://www.fg669.com/tag/%e7%99%be%e5%ba%a6" class="tag-cloud-link tag-link-1924 tag-link-position-14" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #37A7FF; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">百度</a>
<a href="https://www.fg669.com/tag/%e7%ab%99%e9%95%bf%e5%b9%b2%e8%b4%a7" class="tag-cloud-link tag-link-20 tag-link-position-15" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #F99; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">站长干货</a>
<a href="https://www.fg669.com/jzzs/ztgh" class="tag-cloud-link tag-link-19 tag-link-position-16" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #6CC; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">网站SEO</a>
<a href="https://www.fg669.com/jzzs" class="tag-cloud-link tag-link-2191 tag-link-position-17" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #B0D686; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">网站知识</a>
<a href="https://www.fg669.com/rjzy" class="tag-cloud-link tag-link-9 tag-link-position-18" style="display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 2px; margin: 0 2px 2px 0; background-color: #E6CC6E; border-radius: 2px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;">软件工具</a> </div>
</div>
</div>
</div>
<div class="van-footer-new">
<div class="van-footer-newbox van-flex">
<div class="van-flex-1">
<a href="https://a.fg069.com/" class="newwen"><em class="my-face">兄嘚，</em>搞钱最重要，其它都是扯淡！</a>
</div>
<a href="https://a.fg069.com/" class="newbtn">总站导航</a>
</div>
</div>
<script>
var windowTop=0;//初始话可视区域距离页面顶端的距离
$(window).scroll(function() {
var scrolls = $(this).scrollTop();//获取当前可视区域距离页面顶端的距离
if(scrolls>=windowTop){//当scrolls>windowTop时，表示页面在向下滑动
$('.van_slogin').css('bottom','-110px');
$('.van_slogin').css('opacity','0');
windowTop=scrolls;
}else{
$('.van_slogin').css('bottom','0px');
$('.van_slogin').css('opacity','1');
windowTop=scrolls;
}
});
</script><div class="waveHorizontals mobile-hide">
<div id="waveHorizontal1" class="waveHorizontal">
</div> <div id="waveHorizontal2" class="waveHorizontal">
</div> <div id="waveHorizontal3" class="waveHorizontal"></div></div>
<div class="dimmer"></div>
<div class="off-canvas">
<div class="canvas-close"><i class="fas fa-times"></i></div>
<div class="mobile-menu d-block d-xl-none d-lg-none"></div>
</div>
<!-- 必须的DIV -->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- JS脚本 -->
<script>
jQuery(document).ready(function($){
var myCursor = jQuery('.mouse-cursor');
if (myCursor.length) {
if ($('body')) {
const e = document.querySelector('.cursor-inner'),
t = document.querySelector('.cursor-outer');
let n,
i = 0,
o = !1;
window.onmousemove = function(s) {
o || (t.style.transform = "translate(" + s.clientX + "px, " + s.clientY + "px)"),
e.style.transform = "translate(" + s.clientX + "px, " + s.clientY + "px)",
n = s.clientY,
i = s.clientX
},
$('body').on("mouseenter", "a, .cursor-pointer",
function() {
e.classList.add('cursor-hover'),
t.classList.add('cursor-hover')
}),
$('body').on("mouseleave", "a, .cursor-pointer",
function() {
$(this).is("a") && $(this).closest(".cursor-pointer").length || (e.classList.remove('cursor-hover'), t.classList.remove('cursor -hover'))
}),
e.style.visibility = "visible",
t.style.visibility = "visible"
}
}
})
</script>
<!-- 样式 -->
<style>
.mouse-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden
}
.cursor-inner {
margin-left: -3px;
margin-top: -3px;
width: 6px;
height: 6px;
z-index: 10000001;
background: #ffa9a4;
-webkit-transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out
}
.cursor-inner.cursor-hover {
margin-left: -18px;
margin-top: -18px;
width: 36px;
height: 36px;
background: #ffa9a4;
opacity: .3
}
.cursor-outer {
margin-left: -15px;
margin-top: -15px;
width: 30px;
height: 30px;
border: 2px solid #ffa9a4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 10000000;
opacity: .5;
-webkit-transition: all .08s ease-out;
transition: all .08s ease-out
}
.cursor-outer.cursor-hover {
opacity: 0
}
.main-wrapper[data-magic-cursor=hide] .mouse-cursor {
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -1111
}
</style>
<link rel='stylesheet' id='footer_new_style-css' href='https://www.fg669.com/wp-content/themes/van/assets/css/footer/footer_new.css?ver=5.9' media='all' />
<link rel='stylesheet' id='wave_style-css' href='https://www.fg669.com/wp-content/themes/van/assets/css/beautify/wave.css?ver=5.9' media='all' />
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/js/popper.min.js?ver=5.9' id='popper-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/bootstrap/js/bootstrap.min.js?ver=4.6.0' id='bootstrap-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/js/plugins.js?ver=5.9' id='plugins-js'></script>
<script id='app-js-extra'>
var riprov2 = {"home_url":"https:\/\/www.fg669.com","admin_url":"https:\/\/www.fg669.com\/wp-admin\/admin-ajax.php","is_qq_captcha":"0","is_single_gallery":"1","comment_list_order":"desc","infinite_load":"\u52a0\u8f7d\u66f4\u591a","infinite_loading":"\u52a0\u8f7d\u4e2d...","site_notice":{"is":"0","auto":"0","color":"#374af2","html":"<div class=\"notify-content\"><h3><i class=\"fa fa-bell-o mr-2\"><\/i>\u7f51\u7ad9\u516c\u544a<\/h3><div>\u7279\u522b\u8bf4\u660e\uff1a<br>\r\n\u672c\u7ad9\u4e0d\u66f4\u65b0\u5fae\u64ce\u3001\u68cb\u724c\u3001\u83e0\u83dc\u7b49\u8fdd\u89c4\u8d44\u6e90\uff0c\u6765\u8005\u6b62\u6b65\uff01<br>\r\n<br>\r\n\u514d\u8d23\u7533\u660e\uff1a<br>\r\n1. \u672c\u7ad9\u6240\u6709\u8d44\u6e90\u6765\u6e90\u4e8e\u7528\u6237\u4e0a\u4f20\u548c\u7f51\u7edc\u6536\u96c6\uff0c\u5982\u6709\u4fb5\u6743\u8bf7\u90ae\u4ef6\u8054\u7cfb\u7ad9\u957f\uff01<br>\r\n2. \u5206\u4eab\u76ee\u7684\u4ec5\u4f9b\u5927\u5bb6\u5b66\u4e60\u548c\u4ea4\u6d41\uff0c\u60a8\u5fc5\u987b\u5728\u4e0b\u8f7d\u540e24\u5c0f\u65f6\u5185\u5220\u9664\uff01<br>\r\n3. \u4e0d\u5f97\u4f7f\u7528\u4e8e\u975e\u6cd5\u5546\u4e1a\u7528\u9014\uff0c\u4e0d\u5f97\u8fdd\u53cd\u56fd\u5bb6\u6cd5\u5f8b\uff0c\u5426\u5219\u540e\u679c\u81ea\u8d1f\uff01<br>\r\n4.\u82e5\u4f5c\u5546\u4e1a\u7528\u9014\uff0c\u8bf7\u8d2d\u4e70\u6b63\u7248\uff0c\u7531\u4e8e\u672a\u53ca\u65f6\u8d2d\u4e70\u6b63\u7248\u6388\u6743\u53d1\u751f\u7684\u4fb5\u6743\u884c\u4e3a\uff0c\u4e0e\u672c\u7ad9\u65e0\u5173\u3002<br>\r\n5. \u5982\u4fb5\u72af\u4e86\u60a8\u7684\u6743\u76ca\uff0c\u8bf7\u53d1\u90ae\u4ef6\u8054\u7cfb\uff0c\u90ae\u7bb1\uff1a3673836@qq.com<br><\/div><\/div>"},"site_js_text":{"login_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","reg1_txt":"\u90ae\u7bb1\u683c\u5f0f\u9519\u8bef","reg2_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","reg3_txt":"\u7528\u6237\u540d\u5fc5\u987b\u662f\u82f1\u6587","pass_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","bind_txt":"\u8bf7\u70b9\u51fb\u9a8c\u8bc1\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","copy_txt":" \u590d\u5236\u6210\u529f","poster_txt":"\u6d77\u62a5\u52a0\u8f7d\u5f02\u5e38","mpwx1_txt":"\u8bf7\u4f7f\u7528\u5fae\u4fe1\u626b\u7801\u767b\u5f55","mpwx2_txt":"\u5173\u6ce8\u516c\u4f17\u53f7\u5373\u53ef\u767b\u5f55<\/br>\u4e8c\u7ef4\u7801\u6709\u6548\u671f3\u5206\u949f","pay1_txt":"\u652f\u4ed8\u5b8c\u6210","pay2_txt":"\u53d6\u6d88\u652f\u4ed8","pay3_txt":"\u652f\u4ed8\u6210\u529f","capt_txt":"\u9a8c\u8bc1\u4e2d","capt1_txt":"\u9a8c\u8bc1\u901a\u8fc7","capt2_txt":"\u9a8c\u8bc1\u5931\u8d25","prompt_txt":"\u8bf7\u8f93\u5165\u56fe\u7247URL\u5730\u5740","comment_txt":"\u63d0\u4ea4\u4e2d....","comment1_txt":"\u63d0\u4ea4\u6210\u529f"},"pay_type_html":{"html":"<div class=\"pay-button-box\"><div class=\"pay-item\" id=\"paypal\" data-type=\"55\"><i class=\"paypal\"><\/i><span>PayPal<\/span><\/div><div class=\"pay-item\" id=\"alipay\" data-type=\"1\"><i class=\"alipay\"><\/i><span>\u652f\u4ed8\u5b9d<\/span><\/div><\/div>","alipay":1,"weixinpay":0,"paypal":55,"iconpay":0},"singular_id":"27518"};
</script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/js/app.js?ver=5.9' id='app-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/spotlight/spotlight.bundle.js?ver=0.7.0' id='spotlight-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/jarallax/jarallax.min.js?ver=1.12.5' id='jarallax-js'></script>
<script src='https://www.fg669.com/wp-content/themes/ripro-v2/assets/jarallax/jarallax-video.min.js?ver=1.0.1' id='jarallax-video-js'></script>
<script src='https://www.fg669.com/wp-includes/js/comment-reply.min.js?ver=6.2.8' id='comment-reply-js'></script>
<script src='https://www.fg669.com/wp-includes/js/clipboard.min.js?ver=2.0.11' id='clipboard-js'></script>
<script src='https://www.fg669.com/wp-content/themes/van/assets/js/sidebar/clock.js?van_ver=5.9&ver=6.2.8' id='dynamic_time_script-js'></script>
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
</script> <style type="text/css">
body{
-moz-user-select:none; /*火狐*/
-webkit-user-select:none; /*webkit浏览器*/
-ms-user-select:none; /*IE10*/
-khtml-user-select:none; /*早期浏览器*/
user-select:none;
}
</style>
<script language="Javascript">
document.ondragstart=function(){return false};
document.onselectstart =function(){return false};
document.onbeforecopy=function(){return false};
document.onmouseup=function(){document.selection.empty();};
document.onselect=function(){document.selection.empty();};
document.oncopy=function(){document.selection.empty();};
</script> <script type='text/javascript'>
function imgdragstart(){return false;}
for(i in document.images)document.images[i].ondragstart=imgdragstart;
</script> <script type='text/javascript'>
//判断是否是手机端
function is_mobile() {
var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|docomo|kddi|up.browser|up.link|htc|dopod|blazer|netfront|helio|hosin|huawei|novarra|CoolPad|webos|techfaith|palmsource|blackberry|alcatel|amoi|ktouch|nexian|samsung|^sam-|s[cg]h|^lge|ericsson|philips|sagem|wellcom|bunjalloo|maui|symbian|smartphone|midp|wap|phone|windows ce|iemobile|^spice|^bird|^zte-|longcos|pantech|gionee|^sie-|portalmmm|jigs browser|hiptop|^benq|haier|^lct|operas*mobi|opera*mini|320x320|240x320|176x220)/i;
var u = navigator.userAgent;
if (null == u) {
return true;
}
var result = regex_match.exec(u);
if (null == result) {
return false
} else {
return true
}
}
//禁用开发者工具F12
document.onkeydown = function () {
if (window.event && window.event.keyCode == 123) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
//如果用户在工具栏调起开发者工具(非手机端)，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面
if (!is_mobile()) {
var h = window.innerHeight,w=window.innerWidth;
window.onresize = function () {
if (h != window.innerHeight || w != window.innerWidth) {
window.close();
window.location = "about:blank";
}
}
}
</script> <style>
@media print{
body{display:none}
}
</style>
<script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 80) || ((event.ctrlKey))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <style>
@media print{
body{display:none}
}
</style>
<script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 80) || ((event.ctrlKey))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <script>
window.onkeydown = function(e) {
if (e.ctrlKey && e.keyCode == 83) {
e.preventDefault();
e.returnValue = false;
return false;
}
}
</script> <script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 65) || ((event.ctrlKey))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 123) || ((event.ctrlKey) || (window.event.keycode == 67))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <script type="text/javascript">
document.onkeydown = function () {
if ((window.event && window.event.keyCode == 88) || ((event.ctrlKey) || (window.event.keycode == 123))) {
event.keyCode = 0;
event.returnValue = false;
return false;
}
};
</script> <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://www.fg669.com/wp-content/themes/van/assets/js/beautify/click_love.js"></script> <link rel='stylesheet' href="https://www.fg669.com/wp-content/themes/van/assets/css/beautify/scrollbar.css"/> <script type="text/javascript" src="https://www.fg669.com/wp-content/themes/van/assets/js/beautify/text_boom.js"></script>
<script>
POWERMODE.colorful = true; // true 为启用礼花殊效
POWERMODE.shake = true; // false 为禁用震惊殊效
document.body.addEventListener('input', POWERMODE);
</script> <style>#waveHorizontal1, #waveHorizontal2, #waveHorizontal3{background-color:#2c63ff} </style><script>console.log("\n %c THEME By VAN %c https://www.yfx.top \n\n", "color: #fff; background: #22aaff; padding:5px 0;", "background: #fadfa3; padding:5px 0;");</script><!-- 自定义js代码 统计代码 -->
<!-- 自定义js代码 统计代码 END -->
</body>
</html>
<!--
Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com
使用 PhpRedis (v5.3.7) 从 Redis 检索了 4661 个对象 (385 KB)。
-->
