这份文档是关于使用HTML5、CSS和JavaScript进行网页开发的学习笔记，涵盖了从基础到高级的各种知识点与实用技巧。
HTML5是现代网页开发的基础技术之一，它包含了许多改进和新增的元素。HTML标签用于构建网页结构的关键部分，例如``标签作为整个文档的根元素，包含了``和``两个主要组成部分。而``声明则是用来指示浏览器所使用的HTML版本。
在HTML中，``标签定义了页面的主要内容区域，包括文字、图片以及链接等；相比之下，``标签则用于存放文档的元信息如标题（通过使用`
`元素）、描述和关键词。此外，在这里还可以设置默认的基础URL（利用`<base>`标签）来帮助处理相对路径的问题，并且可以添加各种类型的元数据以提高搜索引擎对页面的理解度。
对于样式设计，HTML提供了内联样式的定义方式——即在文档中直接插入CSS代码（通过使用`<style>`元素）。同时也可以链接到外部的CSS文件以实现更灵活的设计方案。至于动态效果，则可以通过JavaScript脚本完成，并且还可以利用`<script>`标签引入这些脚本。
关于标题，HTML5提供了从一级至六级的不同级别标题标签——即`<h1>``<h6>`；其中 `<h1>` 表示最重要的内容而 `<h6>` 则用于标记最不重要的部分。此外还有段落（通过使用`<p>`元素）、硬换行（利用`<br />`）以及各种文本样式标签如斜体、粗体等。
虽然在HTML5规范中已经不再推荐使用居中文本的`<center>`标签，但仍然可以继续沿用这一功能。同时也可以选择使用非破坏性空格来实现特定布局效果。而为了进行页面区域划分，则通常会采用`<div>`元素，并通过CSS对其进行样式控制。
至于链接创建方面，则可以通过`<a>`标签完成；其中的href属性用于指定目标地址，target属性则可以设置打开方式（例如在新窗口还是当前窗口中显示）。
除此之外，在前端开发过程中还需要掌握一些额外的技术如CSS和JavaScript。前者负责定义页面的外观与格式，而后者则用来实现网页上的动态行为以及交互性功能等。只有将这三者结合起来才能构造出美观且具备良好用户体验效果的网站结构。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>：<span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span>、Vue、Node.js"
href="https://d.itadn.com/i0_21629083429/B/78683" target="_blank"><span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>：<span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span>、Vue、Node.js</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
这本《前端学习笔记》涵盖了HTML、CSS基础语法与高级技巧，并深入讲解了Vue框架和Node.js服务器端开发技术。适合前端开发者进阶阅读。
前端笔记涵盖了HTML、CSS、Vue以及Node.js的内容。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span> - Vue, JS, <span style=color: #f73131>HTML</span>, <span style=color: #f73131>CSS</span>, CSS3, ES6；<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>.rar"
href="https://d.itadn.com/i0_38617371482/B/80163" target="_blank"><span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span> - Vue, JS, <span style=color: #f73131>HTML</span>, <span style=color: #f73131>CSS</span>, CSS3, ES6；<span style=color: #f73131>前</span><span style=color: #f73131>端</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>.rar</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本资源包含了前端开发核心技能的学习笔记，涵盖了Vue框架、JavaScript编程、HTML/CSS基础及进阶（CSS3）、ES6等技术要点。适合初学者和中级开发者参考使用。文件格式为rar压缩包。
前端笔记：Vue、JavaScript、HTML、CSS 和 CSS3；还包括 ES6 相关的内容。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span>和<span style=color: #f73131>JavaScript</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>"
href="https://d.itadn.com/i0_99437624145/B/655841" target="_blank"><span style=color: #f73131>HTML</span>、<span style=color: #f73131>CSS</span>和<span style=color: #f73131>JavaScript</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
《HTML、CSS和JavaScript学习笔记》是一本系统记录网页前端技术入门知识的手册，涵盖了基本语法、样式设计及交互编程技巧。适合初学者参考使用。
这份学习笔记旨在帮助大家快速掌握前端三大基础：HTML、CSS 和 JavaScript，并包含示例与操作截图。此外，还详细介绍了 jQuery 的相关知识。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>Java</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span><span style=color: #f73131>与</span>源<span style=color: #f73131>码</span>（<span style=color: #f73131>狂</span><span style=color: #f73131>神</span>说）.zip"
href="https://d.itadn.com/i0_67687398387/B/377500" target="_blank"><span style=color: #f73131>Java</span><span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span><span style=color: #f73131>与</span>源<span style=color: #f73131>码</span>（<span style=color: #f73131>狂</span><span style=color: #f73131>神</span>说）.zip</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
《Java学习笔记与源码》由知名技术博主“狂神说”编著，内容涵盖Java核心知识点及经典案例分析，配有详细的源代码解析。适合编程爱好者和技术初学者参考学习。
狂神说java的笔记和源码狂神说java的笔记和源码狂神说java的笔记和源码狂神说java的笔记和源码狂神说java的笔记和源码狂神说java的笔记和源码狂神说java的笔记和源码狂神说java的笔记和源碼狂神說JAVA的筆記和原始代碼
重写后：
关于“狂神说Java”的学习资料，包括详细的笔记与相关的代码资源。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>狂</span><span style=color: #f73131>神</span>SpringCloud<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>及<span style=color: #f73131>代</span><span style=color: #f73131>码</span>"
href="https://d.itadn.com/i0_63378421081/B/1321941" target="_blank"><span style=color: #f73131>狂</span><span style=color: #f73131>神</span>SpringCloud<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>及<span style=color: #f73131>代</span><span style=color: #f73131>码</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
本资源包含作者在学习SpringCloud过程中的详细笔记和完整代码示例，旨在帮助开发者深入理解微服务架构及其实践应用。
狂神的SpringCloud学习笔记包括了详细的代码示例。笔记内容可以在相关论坛上找到，视频教程也在对应的平台上发布。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>狂</span><span style=color: #f73131>神</span>的Docker<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>：从<span style=color: #f73131>入</span><span style=color: #f73131>门</span>到进阶再到补充<span style=color: #f73131>详</span><span style=color: #f73131>解</span>"
href="https://d.itadn.com/i0_69964180152/B/790664" target="_blank"><span style=color: #f73131>狂</span><span style=color: #f73131>神</span>的Docker<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>：从<span style=color: #f73131>入</span><span style=color: #f73131>门</span>到进阶再到补充<span style=color: #f73131>详</span><span style=color: #f73131>解</span></a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
《狂神的Docker学习笔记》是一份系统全面的学习资料，涵盖Docker的基础知识、高级应用及深入解析，适合不同阶段的学习者。
本段落介绍了Docker的基本概念及其应用，包括定义、特点、优势以及应用场景等内容。Docker是一个开源的应用容器引擎，它允许开发者将应用程序及依赖包打包进轻量级且可移植的容器中，从而实现快速部署与运行。文中还提及了一段B站视频链接，该视频详细记录了从入门到深入学习Docker的过程，并附有补充内容，非常适合初学者参考。
</div><!---->
</div>
</li>
<li data-v-abd0b829=""
class="border-solid border-2 border-gray-300 dark:border-gray-600 grid auto-rows-min grid-cols-9 hover:bg-gray-100 hover:rounded-lg dark:hover:bg-gray-700 listyle"
style="cursor: pointer;">
<div data-v-abd0b829=""
class="col-start-1 pt-1 col-end-2 row-span-2 place-self-center imgsize">
<svg data-v-abd0b829="" t="1721980773527" class="icon" viewBox="0 0 1024 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="26446" width="55"
height="110">
<path data-v-abd0b829=""
d="M834.6624 409.6a40.8576 40.8576 0 0 0-13.7728-30.63808l-254.32064-254.32064a40.87296 40.87296 0 0 0-31.1552-11.84768c-0.97792-0.07168-1.9456-0.1536-2.93376-0.1536H230.4a40.96 40.96 0 0 0-40.96 40.96v716.8a40.96 40.96 0 0 0 40.96 40.96h563.2a40.96 40.96 0 0 0 40.96-40.96V419.84c0-1.62304-0.11776-3.21536-0.3072-4.79232a40.6528 40.6528 0 0 0 0.4096-5.44768zM578.56 252.48256L694.71744 368.64H578.56V252.48256zM271.36 829.44V194.56h225.28v215.04a40.96 40.96 0 0 0 40.96 40.96h215.04v378.88H271.36z"
p-id="26447" fill="#707070"></path>
<path data-v-abd0b829=""
d="M371.2 660.48h133.12a40.96 40.96 0 0 0 0-81.92h-133.12a40.96 40.96 0 0 0 0 81.92zM650.24 696.32H363.52a40.96 40.96 0 0 0 0 81.92h286.72a40.96 40.96 0 0 0 0-81.92z"
p-id="26448" fill="#707070"></path>
</svg>
</div>
<div data-v-abd0b829=""
class="col-start-2 p-1 col-end-8 items-center sm:flex text-base font-normal pt-1 text-gray-900 dark:text-white min-h-13 max-h-13 overflow-hidden">
<a data-v-abd0b829="" class="min-h-12 max-h-12 overflow-hidden ..."
title="<span style=color: #f73131>Java</span><span style=color: #f73131>狂</span><span style=color: #f73131>神</span>说<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>资料"
href="https://d.itadn.com/i0_13521340329/B/903224" target="_blank"><span style=color: #f73131>Java</span><span style=color: #f73131>狂</span><span style=color: #f73131>神</span>说<span style=color: #f73131>学</span><span style=color: #f73131>习</span><span style=color: #f73131>笔</span><span style=color: #f73131>记</span>资料</a>
</div>
<div data-v-abd0b829="" class="col-start-9 col-end-10" style="float: left;"><span
data-v-abd0b829="" class="onestyle">优质</span></div>
<div data-v-abd0b829=""
class="col-start-2 col-end-9 p-1 text-gray-500 text-xs font-normal dark:text-white">
<div data-v-abd0b829="" class="min-h-8 max-h-8 overflow-hidden ...">
《Java狂神说学习笔记资料》是一份全面总结和归纳了Java编程知识的学习资源，适合初学者及进阶开发者参考。包含从基础语法到高级特性等内容，帮助读者系统掌握Java开发技能。
狂神说Java笔记PDF文档内容包括JAVA入门、基础语法、流程控制、方法、数组、面向对象、异常机制、常用类、集合框架、IO流、多线程、网络编程、Gui编程以及注解和反射。
</div><!---->
</div>
</li>
</body>
</html>
5星
