登录
首页 >  文章 >  python教程

Python谷歌搜索技巧与结果分析教程

时间:2025-12-11 09:36:34 429浏览 收藏

推广推荐
下载万磁搜索绿色版 ➜
支持 PC / 移动端,安全直达

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的,希望这篇《Python谷歌搜索高级用法与结果解析教程》对你有很大帮助!欢迎收藏,分享给更多的需要的朋友学习~

Python googlesearch模块高级搜索与结果解析教程

本教程旨在解决使用Python `googlesearch`模块时遇到的`advanced`参数`TypeError`问题,并详细阐述如何通过该模块进行Google搜索,以及如何进一步获取搜索结果的详细描述(即实现网页内容抓取)。文章将澄清不同`googlesearch`包的差异,提供正确的安装与使用方法,并结合`requests`和`BeautifulSoup4`库,演示从搜索结果页面提取标题和摘要的完整流程,帮助开发者高效、准确地获取网络信息。

1. googlesearch模块简介与advanced参数的困惑

googlesearch是一个方便Python开发者进行Google搜索的第三方库,它能够模拟浏览器行为,获取搜索结果的URL列表。然而,用户在使用过程中常遇到search()函数不接受advanced参数的TypeError,这通常源于对不同googlesearch相关包的混淆以及对模块功能的误解。

1.1 TypeError: search() got an unexpected keyword argument 'advanced' 的原因

这个错误通常表明您当前安装的googlesearch库版本或具体实现中,search()函数并不支持名为advanced的关键字参数。在Python生态系统中,存在多个名称相似但功能和API略有差异的库,例如:

  • google 包 (PyPI: google):这是最常见且广泛使用的googlesearch实现,通常通过pip install google安装,导入时为from googlesearch import search。这个包的search函数包含advanced参数,它主要用于迭代返回搜索结果的URL。
  • googlesearch-python 包 (PyPI: googlesearch-python):您提到的文档链接(pypi.org/project/googlesearch-python)指向的是这个包。尽管其文档中可能提及advanced参数,但实际功能和默认行为可能与用户的预期(直接返回描述)不符,或者您安装的版本可能过旧或不兼容。TypeError可能意味着即使是googlesearch-python,在特定版本下也可能不支持该参数,或者您实际安装的是google包而非googlesearch-python。

1.2 正确的安装与验证

为了确保您使用的是文档中提及的googlesearch-python包,请尝试使用以下命令重新安装或更新:

pip install googlesearch-python --upgrade

安装完成后,可以通过查看模块的帮助文档来验证其支持的参数:

from googlesearch import search
help(search)

这将显示search函数的签名和可用参数。如果advanced参数仍然不在其中,则说明您当前使用的库版本或实现确实不支持此参数用于直接返回描述。

2. googlesearch模块的基本使用

无论使用哪个版本的googlesearch,其核心功能都是获取搜索结果的URL。以下是基本的用法示例:

from googlesearch import search

query = "Python web scraping tutorial"
num_results = 5 # 限制搜索结果数量

print(f"Searching for: '{query}'")
for url in search(query, num_results=num_results, stop=num_results, pause=2):
    print(url)

参数说明:

  • query: 您的搜索关键词。
  • num_results (或 num): 每次请求返回的搜索结果数量(可能不是最终迭代的总数)。
  • stop: 停止迭代的总结果数量。当获取到指定数量的结果后,迭代会停止。
  • pause: 每次请求之间暂停的秒数,用于模拟人类行为,避免被Google检测为机器人而封锁IP。

3. 获取搜索结果描述:结合网页抓取技术

googlesearch模块本身通常只返回URL。要获取每个URL对应的标题、摘要或其他详细信息,您需要进行二次操作,即“网页抓取”(Web Scraping)。这意味着在获取到URL列表后,您需要逐一访问这些URL,并解析其HTML内容以提取所需信息。

我们将使用requests库来发送HTTP请求获取网页内容,并使用BeautifulSoup4库来解析HTML。

3.1 安装必要的库

pip install requests beautifulsoup4

3.2 示例代码:获取URL及对应页面的标题和描述

import requests
from bs4 import BeautifulSoup
from googlesearch import search
import time

def get_page_details(url):
    """
    访问指定URL,并尝试提取页面的标题和元描述。
    """
    try:
        headers = {
            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'
        }
        response = requests.get(url, headers=headers, timeout=10)
        response.raise_for_status()  # 检查HTTP错误
        soup = BeautifulSoup(response.text, 'html.parser')

        # 提取标题
        title = soup.title.string if soup.title else 'No Title Found'

        # 提取元描述 (meta description)
        description = 'No Description Found'
        meta_description = soup.find('meta', attrs={'name': 'description'})
        if meta_description and 'content' in meta_description.attrs:
            description = meta_description['content'].strip()
        elif soup.find('p'): # 如果没有meta description,尝试提取第一个段落作为描述
            description = soup.find('p').get_text(strip=True)[:200] + '...' # 限制长度

        return title, description
    except requests.exceptions.RequestException as e:
        print(f"Error accessing {url}: {e}")
        return 'Error', 'Error'
    except Exception as e:
        print(f"Error parsing {url}: {e}")
        return 'Error', 'Error'

if __name__ == "__main__":
    search_query = "Python flask rest api tutorial"
    max_results_to_process = 5 # 限制处理的搜索结果数量

    print(f"Performing Google search for: '{search_query}'")
    found_urls = []
    for url in search(search_query, num_results=10, stop=max_results_to_process, pause=2):
        found_urls.append(url)
        print(f"Found URL: {url}")
        time.sleep(1) # 在获取每个URL后稍作暂停

    print("\n--- Fetching details for found URLs ---")
    for i, url in enumerate(found_urls):
        print(f"\nProcessing result {i+1}/{len(found_urls)}: {url}")
        title, description = get_page_details(url)
        print(f"  Title: {title}")
        print(f"  Description: {description}")
        time.sleep(3) # 在访问每个页面后暂停,避免被目标网站封锁

代码解析:

  1. get_page_details(url) 函数:
    • 使用requests.get()方法访问每个搜索结果的URL。为了模拟真实浏览器,我们添加了User-Agent请求头。
    • response.raise_for_status()用于检查HTTP请求是否成功。
    • BeautifulSoup(response.text, 'html.parser')将网页的HTML内容解析成一个可操作的对象。
    • soup.title.string提取页面的标签内容。</li><li>soup.find('meta', attrs={'name': 'description'})尝试查找HTML中的元描述标签。如果找到,则提取其content属性作为描述。</li><li>如果未找到元描述,作为备用方案,我们尝试提取页面中第一个<p>标签的文本作为描述,并限制其长度。</li><li>包含错误处理,以应对网络问题或解析失败。</li></ul></li><li><strong>主程序流程:</strong><ul><li>首先使用googlesearch.search()获取一系列URL。</li><li>然后遍历这些URL,对每个URL调用get_page_details()函数来获取详细信息。</li><li>在googlesearch的请求之间以及访问每个目标页面之间都加入了time.sleep(),这是<strong>非常重要</strong>的,可以有效降低被Google或目标网站封锁的风险。</li></ul></li></ol><h3>4. 注意事项与替代方案</h3><ul><li><strong>频率限制与IP封锁:</strong> 频繁地进行自动化搜索和抓取很容易触发Google或目标网站的频率限制,导致您的IP被暂时或永久封锁。务必使用time.sleep(),并考虑使用代理IP池。</li><li><strong>用户代理 (User-Agent):</strong> 始终在requests请求中设置User-Agent头,使其看起来像一个真实的浏览器请求。</li><li><strong>遵守robots.txt:</strong> 在抓取任何网站之前,最好检查其robots.txt文件,了解哪些内容可以抓取,哪些不可以。</li><li><strong>网站结构变化:</strong> 网页的HTML结构可能会随时改变,导致您的BeautifulSoup选择器失效。您的抓取代码需要定期维护和更新。</li><li><strong>Google Custom Search API:</strong> 如果您需要更稳定、更官方的Google搜索结果,并且愿意支付费用,可以考虑使用Google Custom Search API。它提供了结构化的JSON响应,包含标题、摘要和URL等信息,无需进行网页抓取。</li></ul><h3>5. 总结</h3><p>googlesearch模块是进行Python自动化Google搜索的强大工具,但它主要用于获取URL。对于获取搜索结果的详细描述(如标题和摘要),需要结合requests和BeautifulSoup4等网页抓取库进行二次处理。理解不同googlesearch包的差异,正确处理advanced参数的TypeError,并遵循网页抓取的最佳实践(如设置延迟、User-Agent和错误处理),是成功实现自动化信息获取的关键。对于大规模或商业用途,官方API通常是更稳定和可靠的选择。</p><p>到这里,我们也就讲完了《Python谷歌搜索技巧与结果分析教程》的内容了。个人认为,基础知识的学习和巩固,是为了更好的将其运用到项目中,欢迎关注golang学习网公众号,带你了解更多关于的知识点!</p> </div> <div class="labsList"> </div> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">相关阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1年前  |   <a href="javascript:;" class="aLightGray" title="高效开发">高效开发</a> <a href="javascript:;" class="aLightGray" title="Flask框架">Flask框架</a> <a href="javascript:;" class="aLightGray" title="安装技巧">安装技巧</a> </div> <div class="tit lineOverflow"><a href="/article/80964.html" title="Flask框架安装技巧:让你的开发更高效" class="aBlack">Flask框架安装技巧:让你的开发更高效</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="80964" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1年前  |   <a href="javascript:;" class="aLightGray" title="Django">Django</a> <a href="javascript:;" class="aLightGray" title="技巧">技巧</a> <a href="javascript:;" class="aLightGray" title="多线程">多线程</a> </div> <div class="tit lineOverflow"><a href="/article/90241.html" title="Django框架中的并发处理技巧" class="aBlack">Django框架中的并发处理技巧</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="90241" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1年前  |   <a href="javascript:;" class="aLightGray" title="下载速度">下载速度</a> <a href="javascript:;" class="aLightGray" title="pip源配置">pip源配置</a> <a href="javascript:;" class="aLightGray" title="国内源">国内源</a> </div> <div class="tit lineOverflow"><a href="/article/88174.html" title="提升Python包下载速度的方法——正确配置pip的国内源" class="aBlack">提升Python包下载速度的方法——正确配置pip的国内源</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="88174" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1年前  |   <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="C++">C++</a> <a href="javascript:;" class="aLightGray" title="选择">选择</a> </div> <div class="tit lineOverflow"><a href="/article/113474.html" title="Python与C++:哪个编程语言更适合初学者?" class="aBlack">Python与C++:哪个编程语言更适合初学者?</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="113474" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1年前  |   </div> <div class="tit lineOverflow"><a href="/article/120624.html" title="品牌建设技巧" class="aBlack">品牌建设技巧</a></div> <div class="opt"> <span><i class="view"></i>501</span> <span class="collectBtn user_collection" data-id="120624" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 最新阅读 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">最新阅读</div> <a href="/articlelist.html" class="more">更多></a> </div> <ul class="latestReadList"> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  52分钟前  |   </div> <div class="tit lineOverflow"><a href="/article/416264.html" title="PyQuery库入门解析与使用教程" class="aBlack">PyQuery库入门解析与使用教程</a></div> <div class="opt"> <span><i class="view"></i>187</span> <span class="collectBtn user_collection" data-id="416264" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416248.html" title="Python中__all__的作用与使用方法解析" class="aBlack">Python中__all__的作用与使用方法解析</a></div> <div class="opt"> <span><i class="view"></i>392</span> <span class="collectBtn user_collection" data-id="416248" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416213.html" title="Python版本怎么选?新手入门指南" class="aBlack">Python版本怎么选?新手入门指南</a></div> <div class="opt"> <span><i class="view"></i>426</span> <span class="collectBtn user_collection" data-id="416213" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1小时前  |   <a href="javascript:;" class="aLightGray" title="Python">Python</a> <a href="javascript:;" class="aLightGray" title="重命名文件">重命名文件</a> </div> <div class="tit lineOverflow"><a href="/article/416180.html" title="Python如何重命名文件及操作方法" class="aBlack">Python如何重命名文件及操作方法</a></div> <div class="opt"> <span><i class="view"></i>170</span> <span class="collectBtn user_collection" data-id="416180" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  1小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416174.html" title="Python多线程与多进程详解" class="aBlack">Python多线程与多进程详解</a></div> <div class="opt"> <span><i class="view"></i>115</span> <span class="collectBtn user_collection" data-id="416174" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416170.html" title="Python调用文件对话框的实用方法" class="aBlack">Python调用文件对话框的实用方法</a></div> <div class="opt"> <span><i class="view"></i>223</span> <span class="collectBtn user_collection" data-id="416170" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416168.html" title="Python语法错误解决方法大全" class="aBlack">Python语法错误解决方法大全</a></div> <div class="opt"> <span><i class="view"></i>433</span> <span class="collectBtn user_collection" data-id="416168" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416157.html" title="Python中len无法直接修改字节长度,但可用切片或填充实现" class="aBlack">Python中len无法直接修改字节长度,但可用切片或填充实现</a></div> <div class="opt"> <span><i class="view"></i>494</span> <span class="collectBtn user_collection" data-id="416157" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416148.html" title="Python正则表达式使用教程" class="aBlack">Python正则表达式使用教程</a></div> <div class="opt"> <span><i class="view"></i>341</span> <span class="collectBtn user_collection" data-id="416148" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2小时前  |   <a href="javascript:;" class="aLightGray" title="java">java</a> <a href="javascript:;" class="aLightGray" title="编程">编程</a> <a href="javascript:;" class="aLightGray" title=""">"</a> </div> <div class="tit lineOverflow"><a href="/article/416111.html" title="Python判断字典key是否存在技巧" class="aBlack">Python判断字典key是否存在技巧</a></div> <div class="opt"> <span><i class="view"></i>437</span> <span class="collectBtn user_collection" data-id="416111" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  2小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416103.html" title="电话号码字母组合错误分析及回溯实现" class="aBlack">电话号码字母组合错误分析及回溯实现</a></div> <div class="opt"> <span><i class="view"></i>119</span> <span class="collectBtn user_collection" data-id="416103" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> <li> <div class="info"> <a href="/articlelist/19_new_0_1.html" class="aLightGray" title="文章">文章</a> · <a href="/articlelist/86_new_0_1.html" class="aLightGray" title="python教程">python教程</a>   |  11小时前  |   </div> <div class="tit lineOverflow"><a href="/article/416087.html" title="Python安全操作PostgreSQL查询方法" class="aBlack">Python安全操作PostgreSQL查询方法</a></div> <div class="opt"> <span><i class="view"></i>127</span> <span class="collectBtn user_collection" data-id="416087" data-type="article" title="收藏"><i class="collect"></i>收藏</span> </div> </li> </ul> </div> <!-- 课程推荐 --> <div class="contBoxNor"> <div class="contTit"> <div class="tit">课程推荐</div> <a href="/courselist.html" class="more">更多></a> </div> <ul class="classRecomList"> <li> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="img_box"> <img src="/uploads/20221222/52fd0f23a454c71029c2c72d206ed815.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="前端进阶之JavaScript设计模式"> </a> <dl> <dt class="lineOverflow"> 前端进阶之JavaScript设计模式 </dt> <dd class="cont1 lineOverflow">设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。</dd> <dd class="cont2"> <a href="/course/9.html" title="前端进阶之JavaScript设计模式" class="toStudy">立即学习</a> <span>543次学习</span> </dd> </dl> </li> <li> <a href="/course/2.html" title="GO语言核心编程课程" class="img_box"> <img src="/uploads/20221221/634ad7404159bfefc6a54a564d437b5f.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="GO语言核心编程课程"> </a> <dl> <dt class="lineOverflow"> GO语言核心编程课程 </dt> <dd class="cont1 lineOverflow">本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。</dd> <dd class="cont2"> <a href="/course/2.html" title="GO语言核心编程课程" class="toStudy">立即学习</a> <span>516次学习</span> </dd> </dl> </li> <li> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="img_box"> <img src="/uploads/20240103/bad35fe14edbd214bee16f88343ac57c.png" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="简单聊聊mysql8与网络通信"> </a> <dl> <dt class="lineOverflow"> 简单聊聊mysql8与网络通信 </dt> <dd class="cont1 lineOverflow">如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让</dd> <dd class="cont2"> <a href="/course/74.html" title="简单聊聊mysql8与网络通信" class="toStudy">立即学习</a> <span>500次学习</span> </dd> </dl> </li> <li> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="img_box"> <img src="/uploads/20221226/bbe4083bb3cb0dd135fb02c31c3785fb.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="JavaScript正则表达式基础与实战"> </a> <dl> <dt class="lineOverflow"> JavaScript正则表达式基础与实战 </dt> <dd class="cont1 lineOverflow">在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。</dd> <dd class="cont2"> <a href="/course/57.html" title="JavaScript正则表达式基础与实战" class="toStudy">立即学习</a> <span>487次学习</span> </dd> </dl> </li> <li> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="img_box"> <img src="/uploads/20221223/ac110f88206daeab6c0cf38ebf5fe9ed.jpg" onerror="this.onerror='';this.src='/assets/images/moren/morentu.png'" alt="从零制作响应式网站—Grid布局"> </a> <dl> <dt class="lineOverflow"> 从零制作响应式网站—Grid布局 </dt> <dd class="cont1 lineOverflow">本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。</dd> <dd class="cont2"> <a href="/course/28.html" title="从零制作响应式网站—Grid布局" class="toStudy">立即学习</a> <span>485次学习</span> </dd> </dl> </li> </ul> </div> </div> <!-- footer --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <div class="footer"> <ul> <li ><a href="/" class="aLightGray"><em class="material-icons">home</em><span>首页</span></a></li> <li class="curr"><a href="/articlelist.html" class="aLightGray"><em class="material-icons">menu_book</em><span>阅读</span></a></li> <li ><a href="/courselist.html" class="aLightGray"><em class="material-icons">school</em><span>课程</span></a></li> <li ><a href="/ai.html" class="aLightGray"><em class="material-icons">smart_toy</em><span>AI助手</span></a></li> <li ><a href="/user.html" class="aLightGray"><em class="material-icons">person</em><span>我的</span></a></li> </ul> </div> <script src="/assets/js/require.js" data-main="/assets/js/require-frontend.js?v=1671101972"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3dc5666f6478c7bf39cd5c91e597423d"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>