搭建一个简单的博客界面（前端HTML+CSS+JS）

06-01 1071阅读

一、页面效果展示

关于

首页

博客

留言板

文章合集

帮助

二、相关代码

主要对HTML、CSS、JS的基础语法的熟悉，掌握一个界面即可，后面界面逻辑相似。

首页：有轮播图效果



    
    
    明月星河
    
    
    window.jQuery || document.write('')
    



 	
        明月星河
        醉后不知天在水，满船清梦压星河

首页
博客
留言板
文章合集
帮助
关于

订阅：电子邮箱 | RSS 搜索：搜索

面向对象程序三大特性之一( 封装）

分类于 Java, 基础知识

面向对象程序三大特性:封装、继承、多态。而类和对象阶段,主要研究的就是封装特性。何为封装呢?简单来说就是套壳屏蔽细节。比如:对于电脑这样一个复杂的设备,提供给用户的就只是:开关机、通过键盘输入、显示器、 USB 插孔等，让用户来和计算机进行交互,完成日常事务。但实际上:电脑真正工作的却是CPU 、显卡、内存等一些硬件元件。对于计算机使用者而言,不用关心内部核心部件,比如主板上线路是如何布局的,CPU 内部是如何设计的等,用户只需要知道,怎么开机、怎么通过键盘和鼠标与计算机进行交互即可。因此计算机厂商在出厂时，在外部套上壳子,将内部实现细节隐藏起来,仅仅对外提供开关机、鼠标以及键盘插孔等,让用户可以与计算机进行交互即可。封装：将数据和操作数据的方法进行有机结合，隐藏对象的属性和实现细节，仅对外公开接口来和对象进行交互更多...

继续阅读 »

JAN21

发布详情

明月
11:30 AM
4条评论
其他相关文章链接

AIGC定义未来内容创作的新纪元

分类于人工智能, 内容创作

AIGC,全称为Artificial Intelligence Generated Content, 即人工智能生成内容。它是指利用人工智能技术,如深度学习、自然语言处理(NLP) 和计算机视觉等,自动生成各类文本、图像、音频和视频等多模态内容的过程,是继用户生产内容(UGC)、专业生产内容(PGC)之后新型利用AI技术自动生成内容的生产方式。AIGC的兴起，标志着人工智能技术在内容创作领域的广泛应用和深度融合。

AIGC的核心技术原理是基于大量的数据训练和复杂的算法模型。它通过对大量文本、图像、音频和视频数据的分析，学习其中的模式和规律, 然后通过构建神经网络模型,AIGC能够从大量数据中学习并生成新的内容。随着计算能力的提升和数据资源的日益丰富,AIGC技术得以快速发展。从最初的简单文本生成,到如今的图像、音频和视频等多模态内容创作, AIGC不断刷新着内容生成的边界。 AIGC的特点包括高效性、创新性、多样性和个性化，可以快速地生成大量内容,同时保持一定的创意和独特性更多...

继续阅读 »

JAN29

发布详情

星河
10:30 PM
5条评论
其他相关文章链接

信号量之消费者生产者模型

分类于操作系统, 基础知识

引入：前面我们讲到了，对临界资源进行访问时，为了保证数据的一致性，我们需要对临界资源进行加锁保护。当我们用一个互斥锁对临界资源进行保护时，相当于我们将这块临界资源看作一个整体，同一时刻只允许一个执行流对这块临界资源进行访问。这样做非常合理，但是效率太低了。但是，我们最理想的方案，其实是：如果在同一时刻，不同的执行流要访问的是临界资源的不同区域，那么我们是允许它们同时进行临界资源的访问，这样就大大提高了效率。比如，如果一个临界资源是一个大小为10数组，我们可以对其加锁保护。可是，现在来看，如果有10个线程同时访问这个数组，可以吗？当然可以，只要这10个线程在同一时刻访问的是数组的不同位置，即10个位置一个线程访问一个。这样我们就可以让多个执行流同时访问临界资源了。这时，我们就使用了信号量来帮助我们实现这个方案更多...

继续阅读 »

JAN31

发布详情

明月
9:30 AM
7条评论
其他相关文章链接

关于我们

虽然我们是计算机专业, 一听到计算机就会觉得工科是偏理性的, 难免会有点枯燥,但有时计算机的学习也是很有趣的, 本网站不仅会分享一些技术上的知识, 还会将中国传统文化与计算机知识相结合,因此明月星河不仅是对科技的畅想, 更是告诉我们在学习的过程中不要忘记仰望星空更多...

边栏菜单

首页
博客
留言板
资源合集
帮助
关于

入门须知

如何使用本网站？新手知识 & 教程.
计算机专业电脑选购指南避坑指南
学习计算机不可不读的那些书籍新手知识
如何安排自己的自学时间？新手必知
如何提高自己编程能力？实践指南|知行合一
更多...

其他分类

人工智能
数据结构
编程语言
编程软件
算法设计与分析
更多...

最热文章

C++和Java应该怎么选择？发布于2024.1.31
看得懂代码，写不出，怎么破发布于2024.3.3
Python在机器学习中的运用发布于2024.4.3
C语言必刷题合集发布于2024.4.21
算法初阶指南发布于2024.4.2
如何学习数据结构？发布于2024.4.23
MySQL安装教程发布于2024.3.25
VS2023使用文档发布于2024.3.27
更多...

联系方式

电话： +1234567
微信： +123456789

地址: XX大学

电子邮箱: 1234567@BrightMoonAndGalaxy.com

更多信息请点击

订阅方式

RSS, 脸书, 推特或者电子邮箱

计算机优质学习网站推荐

GitHub
菜鸟教程
CSDN社区
更多...

入门视频推荐

计算机专业的就业方向介绍
计算机专业如何做自己的职业规划？
更多...

大家还在搜

Leetcode热题合集
面试官最喜欢问的那些问题
408计算机组成原理知识点
更多...

文章合集

2024年4月合集
2024年3月合集
2024年2月合集
更多...

专业经典书籍

《深度理解计算机系统》
《程序员的自我修养》
《C语言程序设计》
更多...

首页 | 帮助 | 返回顶部

博客：



    
    
    明月星河
    
    
    window.jQuery || document.write('')
    



 	
        明月星河
        醉后不知天在水，满船清梦压星河

首页
博客
留言板
文章合集
帮助
关于

订阅：电子邮箱 | RSS 搜索：搜索

0基础Java自学之路

分类于 Java, 基础知识

Java 现状最近几年,Go、Python等语言快速崛起,大有挑战 Java 地位的趋势,但是 Java 毋庸置疑仍是当前互联网行业里招聘需求量最大的。众多大厂:阿里、美团、快手、拼多多、滴滴、网易等，都是以 Java 为公司的主语言,部分大厂:腾讯、百度、字节等，虽然以其他语言为主语言，但是多多少少也会有一些 Java 岗。所以,Java 的现状及未来,我觉得都是比较不错的。岗位多也代表着机会多,对于新人来说比较友好,所以我个人是比较推荐新人学 Java 的。自学前你应该知道自学前请做好心理准备,自学是一个既寂寞又漫长的过程,如果想踏进来,请做好放弃几乎所有娱乐生活的准备,包括过年的时候。如果只是抱着三天打鱼两天晒网的态度，那我建议还是放弃吧。但是如果你能坚持下来,我相信一定能有所回报,我自己就是个例子,我走了那么多弯路,跟着本文走,你们没理由比我当时更差。

自学预估周期自学的周期我给大家定了一个参考时间:6个月,平均每天6-8小时,共1200个小时左右,大致安排: 3个月基础知识学习和强化。 2个月 SSM 项目实战反复练习,项目实战同时也在复习和巩固之前的基础知识。 1个月面试高频题准备,看面试题其实也会增加自己的专业知识,而且可能比你想象的要多, 不夸张的说,前几年我从面试题里学到的知识可能比工作里获得的还多更多...

继续阅读»

APR23

发布详情

星河
8:30 PM
20条评论
其他相关文章链接

Java冒泡排序

算法初阶

冒泡排序(Bubble Sorting)的基本思想是:通过对待排序序列从前向后(从下标较小的元素开始),依次比较相邻元素的值, 若发现逆序则交换,使值较大的元素逐渐从前移向后部,就象水底下的气泡一样逐渐向上冒。优化: 因为排序的过程中,各元素不断接近自己的位置,如果一趟比较下来没有进行过交换,就说明序列有序。因此要在排序过程中设置一个标志 flag 判断元素是否进行过交换。从而减少不必要的比较。(这里说的优化，可以在冒泡排序写好后，在进行)

其他语言版本点击

代码块

                
import java.util.Arrays;
public class BubbleSort {
	public static void main(String[] args) {
		int arr[] = { 3, 9, -1, 10, -2 };
		// 为了容量理解，我们把冒泡排序的演变过程，给大家展示
		// 第一趟排序，就是将最大的数排在最后
		int temp = 0; // 临时变量
		for (int j = 0; j  arr[j + 1]) {
				temp = arr[j];
				arr[j] = arr[j + 1];
				arr[j + 1] = temp;
			}
		}
		System.out.println("第一趟排序后的数组");
		System.out.println(Arrays.toString(arr));
		// 第二趟排序，就是将第二大的数排在倒数第二位
		for (int j = 0; j  arr[j + 1]) {
				temp = arr[j];
				arr[j] = arr[j + 1];
				arr[j + 1] = temp;
			}
		}
		System.out.println("第二趟排序后的数组");
		System.out.println(Arrays.toString(arr));
		// 第三趟排序，就是将第三大的数排在倒数第三位
		for (int j = 0; j  arr[j + 1]) {
				temp = arr[j];
				arr[j] = arr[j + 1];
				arr[j + 1] = temp;
			}
		}
		System.out.println("第三趟排序后的数组");
		System.out.println(Arrays.toString(arr));
		// 第四趟排序，就是将第 4 大的数排在倒数第 4 位
		for (int j = 0; j  arr[j + 1]) {
				temp = arr[j];
				arr[j] = arr[j + 1];
				arr[j + 1] = temp;
			}
		}
		System.out.println("第四趟排序后的数组");
		System.out.println(Arrays.toString(arr));
	}
}

填写信息

联系我们

联系缘由商务合作技术疑问相互交流姓名 * 电子邮箱* 微信正文*

关于我们

边栏菜单

首页
留言板
文章合集
帮助
关于

入门须知

如何使用本网站？新手知识 & 教程.
计算机专业电脑选购指南避坑指南
学习计算机不可不读的那些书籍新手知识
如何安排自己的自学时间？新手必知
如何提高自己编程能力？实践指南|知行合一
更多...

其他分类

人工智能
数据结构
编程语言
编程软件
算法设计与分析
更多...

最热文章

C++和Java应该怎么选择？发布于2024.1.31
看得懂代码，写不出，怎么破发布于2024.3.3
Python在机器学习中的运用发布于2024.4.3
C语言必刷题合集发布于2024.4.21
算法初阶指南发布于2024.4.2
如何学习数据结构？发布于2024.4.23
MySQL安装教程发布于2024.3.25
VS2023使用文档发布于2024.3.27
更多...

联系方式

电话： +1234567
微信： +123456789

地址: XX大学

电子邮箱: 1234567@BrightMoonAndGalaxy.com

更多信息请点击

订阅方式

RSS, 脸书, 推特或者电子邮箱

计算机优质学习网站推荐

GitHub
菜鸟教程
CSDN社区
更多...

入门视频推荐

计算机专业的就业方向介绍
计算机专业如何做自己的职业规划？
更多...

大家还在搜

Leetcode热题合集
面试官最喜欢问的那些问题
408计算机组成原理知识点
更多...

文章合集

2024年4月合集
2024年3月合集
2024年2月合集
更多...

专业经典书籍

《深度理解计算机系统》
《程序员的自我修养》
《C语言程序设计》
更多...

首页 | 帮助 | 返回顶部

文章合集：

  

    
    
    明月星河
    
    
    window.jQuery || document.write('')
    
	



 	
        明月星河
        醉后不知天在水，满船清梦压星河

首页
博客
留言板
文章合集
帮助
关于

订阅：电子邮箱 | RSS 搜索：搜索

2024年4月文章合集

« 更早最新 »

如何入门计算机领域？发布于 2024.4.10 | 分类于新手知识, 经验
【数据结构】队列的使用方法发布于 2024.4.11 | 分类于数据结构
C语言指针进阶:各类型指针变量详解发布于 2024.4.12| 分类于 C语言, 进阶
【数据结构】红黑树发布于 2024.3.11| 分类于数据结构, 进阶
面试手撕代码经验发布于2024.2.11 | 分类于面试, 经验
Mybatis实现手动分页发布于 2024.4.14 | 分类于技术
用栈实现队列发布于 2024.4.17. | 分类于数据结构, 基础知识
计算机专业如何如果大学四年？发布于2024.4.11 | 分类于新手知识, 经验
【C语言】每日一题，快速提升！发布于2024.3.21 | 分类于 C语言, 基础知识
单调递增的数字+监控二叉树发布于2024.2.13 | 分类于数据结构, 高阶
C++之string类详细讲解发布于2024.3.25 | 分类于 C++, 基础知识
计算机专业如何如果大学四年？发布于2024.4.11 | 分类于新手知识, 经验
【MySQL】MySQL操作库发布于2024.4.19 | 分类于 MySQL, 基础知识
【数据结构】图基本概念发布于2024.4.20 | 分类于数据结构, 基础知识
Java中的Object类发布于2024.4.21 | 分类于 Java, 基础知识
Java基础教程（8）-Java中的面向对象和类（一）发布于2024.4.17 | 分类于 Java, 基础知识
时间，空间复杂度讲解发布于2024.4.21 | 分类于新手知识, 基础知识

« 更早最新 »

关于我们

边栏菜单

主页
博客
留言板
帮助
关于

入门须知

如何使用本网站？新手知识 & 教程.
计算机专业电脑选购指南避坑指南
学习计算机不可不读的那些书籍新手知识
如何安排自己的自学时间？新手必知
如何提高自己编程能力？实践指南|知行合一
更多...

最热文章

C++和Java应该怎么选择？发布于2024.1.31
看得懂代码，写不出，怎么破发布于2024.3.3
Python在机器学习中的运用发布于2024.4.3
C语言必刷题合集发布于2024.4.21
算法初阶指南发布于2024.4.2
如何学习数据结构？发布于2024.4.23
MySQL安装教程发布于2024.3.25
VS2023使用文档发布于2024.3.27

联系方式

电话： +1234567
微信： +123456789

地址: XX大学

电子邮箱: 1234567@BrightMoonAndGalaxy.com

更多信息请点击

订阅方式

RSS, 脸书, 推特或者电子邮箱

计算机优质学习网站推荐

GitHub
菜鸟教程
CSDN社区
更多...

入门视频推荐

计算机专业的就业方向介绍
计算机专业如何做自己的职业规划？
更多...

大家还在搜

Leetcode热题合集
面试官最喜欢问的那些问题
408计算机组成原理知识点
更多...

文章合集

2024年4月合集
2024年3月合集
2024年2月合集
更多...

专业经典书籍

《深度理解计算机系统》
《程序员的自我修养》
《C语言程序设计》
更多...

首页 | 帮助 | 返回顶部

帮助:

  

    
    
	
    明月星河
    
    
    window.jQuery || document.write('')
    



 	
        明月星河
        醉后不知天在水，满船清梦压星河

首页
博客
留言板
文章合集
帮助
关于

订阅：电子邮箱 | RSS 搜索：搜索

帮助文档

« 返回前进 »

如何使用本网站？发布于 2024.4.10 | 分类于帮助文档, 教程
本网站的那些你不知道的隐藏功能发布于 2024.4.11 | 分类于帮助文档
入门程序员如何使用本博客发布于 2024.4.12| 分类于帮助文档, 教程
中级程序员如何使用本博客发布于 2024.3.11| 分类于帮助文档, 教程
高级程序员如何使用本博客发布于2024.2.11 | 分类于帮助文档, 教程
各个界面详细操作教程发布于 2024.4.14 | 分类于帮助文档

« 返回顶部关于 »

关于我们

边栏菜单

主页
博客
留言板
文章合集
关于

联系方式

电话： +1234567
微信： +123456789

地址: XX大学

电子邮箱: 1234567@BrightMoonAndGalaxy.com

更多信息请点击

订阅方式

RSS, 脸书, 推特或者电子邮箱

计算机优质学习网站推荐

GitHub
菜鸟教程
CSDN社区
更多...

入门视频推荐

计算机专业的就业方向介绍
计算机专业如何做自己的职业规划？
更多...

大家还在搜

Leetcode热题合集
面试官最喜欢问的那些问题
408计算机组成原理知识点
更多...

文章合集

2024年4月合集
2024年3月合集
2024年2月合集
更多...

专业经典书籍

《深度理解计算机系统》
《程序员的自我修养》
《C语言程序设计》
更多...

首页 | 帮助 | 返回顶部

关于:

  

    
    
    明月星河
    
    
    window.jQuery || document.write('')
    



 	
        明月星河
        醉后不知天在水，满船清梦压星河

首页
博客
留言板
文章合集
帮助
关于

订阅：电子邮箱 | RSS 搜索：搜索

关于我们

在深邃的夜空下，星辰闪烁，银河如织，我们的心灵被浩瀚的宇宙所吸引。在这样一个充满神秘与魅力的背景下，我们迎来了“明月星河”——一个融合了科技智慧与传统文化精髓的博客空间。这里，不仅是知识的海洋，更是诗意的栖居地。

明月星河 —— 科技与诗意的交响

一、科技的畅想
在“明月星河”中，我们将探索计算机科学的奥秘，从基础的算法逻辑到前沿的人工智能，每一篇技术文章都是对理性思维的一次锻炼，也是对知识边界的一次拓展。我们相信，即便是最枯燥的代码，也能编织出理性之美的图案。

探索计算机科学的奥秘
- **基础算法**：逻辑的舞蹈，理性的火花。
- **数据结构**：构建知识的砖石，筑起智慧的高塔。
- **人工智能**：未来的镜像，理性与创造力的融合。

二、文化的融合
我们深知，技术的力量源于文化的深厚土壤。在“明月星河”，我们将中国传统文化的精髓与计算机知识相结合，让古代的智慧在现代科技的光辉下焕发新生。从诗词歌赋到哲学思想，从历史故事到民间传说，每一篇文化文章都是一次穿越时空的对话。

传统文化与计算机知识的交响
- **诗词歌赋**：在代码的韵律中，寻找诗意的共鸣。
- **哲学思想**：以东方智慧，启迪技术之道。
- **历史故事**：在技术的长河中，回望历史的波澜。
- **民间传说**：让古老的故事，在数字世界里流传。

三、仰望星空
“醉后不知天在水，满船星河压星河”，这句诗不仅描绘了一幅美丽的夜景，也寓意着我们对未知的向往和探索。在“明月星河”中，我们鼓励每一位读者在学习技术的同时，不忘抬头仰望星空，让心灵在科技与诗意的交融中得到升华。

探索计算机科学的奥秘
- **仰望星空**：在知识的海洋中，寻找心灵的归宿。
- **诗意栖居**：在理性的世界里，保持一份诗意的情怀。
- **探索未知**：在技术的边界，勇敢地迈出探索的脚步。

“明月星河”是一个桥梁，连接着科技与文化，理性与诗意。在这里，每一次点击都是一次发现之旅，每一次阅读都是一次心灵的洗礼。加入我们，一起在科技的海洋中航行，在传统文化的星空下，寻找属于自己的那颗最亮的星。

关于我们

边栏菜单

首页
博客
留言板
文章合集
帮助

联系方式

电话： +1234567
微信： +123456789

地址: XX大学

电子邮箱: 1234567@BrightMoonAndGalaxy.com

更多信息请点击

订阅方式

RSS, 脸书, 推特或者电子邮箱

计算机优质学习网站推荐

GitHub
菜鸟教程
CSDN社区
更多...

入门视频推荐

计算机专业的就业方向介绍
计算机专业如何做自己的职业规划？
更多...

大家还在搜

Leetcode热题合集
面试官最喜欢问的那些问题
408计算机组成原理知识点
更多...

文章合集

2024年4月合集
2024年3月合集
2024年2月合集
更多...

专业经典书籍

《深度理解计算机系统》
《程序员的自我修养》
《C语言程序设计》
更多...

首页 | 帮助 | 返回顶部

CSS:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
    overflow-y: scroll;
}
body {
	font: 15px/24px Georgia, Serif;
	color: #454545;
   	background: url(../images/bg.png);
}
a:link, a:visited {
	text-decoration: none;
	color: #147DB6;
    outline: 0;
}
a:hover, a:focus, a:active {
  color: #CC3300;
}
a:link.more, a:visited.more {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-serif;
   	float: left;
	margin-top: 10px;
	margin-right: 5px;
	padding: 6px 10px;
	border: 1px solid #2177A5;
	background-color: #227bad;
	color: #fff;
    font-size: 13px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
}
a:hover.more {
	border:  1px  solid #B32D00;
	background-color: #CC3300;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #FF7242;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #FF7242;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #FF7242;
}
h1, h2, h3, h4 {
	font: bold 1em/1.5em Arial, Helvetica, Sans-Serif;
   	margin-bottom: 24px;
    color: #353535;
}
h1 {
    font-size: 38px;
    line-height: 42px;
    margin-top: 2px;
    margin-bottom: 4px;
    letter-spacing: -2px;
}
h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 5px;
    margin-bottom: 5px;
}
h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-top: 12px;
    margin-bottom: 12px;
}
h4 { font-size: 18px; }
/* Lists */
ul, ol {
	margin: 0 0 24px 0;
	padding: 0 20px;
}
ul { list-style: disc; }
ol { list-style: decimal; }
dt {
    font-weight: bold;
    color: #1980AF;
}
dd {
    padding-left: 20px;
}
p, dl { margin: 0 0 24px 0; }
blockquote {
  	margin: 12px 0;
  	padding: 40px 30px 20px 70px;
  	border: 1px solid #E4E6E9;
	background: #F3F4F5 url(../images/quote.png) no-repeat 20px 32px;
  	font-size: 18px;
  	line-height: 28px;
  	font-style: italic;
  	font-family: Georgia, 'Times New Roman', Times, Serif;
  	color: #555;
    overflow: hidden;
}
blockquote .author {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 1.5px;
    text-align: right;
    font-size: 12px;
}
code {
    font-family: Consolas, 'Lucida Console', Monaco, Monospace;
    font-size: 14px;
    line-height: 1.5em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0 0 24px 0;
  	padding: 0 25px;
  	display: block;
    clear: both;
  	border: 1px solid #E4E6E9;
	background: #F3F4F5;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
mark {
    background-color: #FDD2B3;
}
strong, b {
    font-weight: bold;
}
.no-border {
    border: none;
}
/* Images */
img {
    background: #F3F4F5;
    border: 1px solid #DEDFE0;
	padding: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
img.align-right { margin: 6px 0px 6px 15px; }
img.align-left { margin: 6px 15px 6px 0px; }
/* Table */
table {
	border-collapse: collapse;
	margin: 12px 0 24px 0;
}
tr { background: #FFF; }
th, td {
	text-align: left;			
	border-width: 1px;
  	border-style: solid;
}
th {
  	padding: .8em 1em;
	background: #2C76A6;
  	border-color: #308ABA #308ABA #246F97 #308ABA;
	color: #fff;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 16px;
	font-weight: bold;
}
td {
	border-color: #E9E9E9;
	padding: .7em 1em;
}
/* Form */
form {
    width: 500px;
    margin: 24px 0 24px 0;
    padding: 32px 40px;
    background: #E9EAEB;
    border: 1px solid #DFE1E6;
}
input, select {
    vertical-align: middle;
}
form div {
	border-bottom: 1px solid #D8DAE0;
	padding: 12px 0 5px 0;	margin: 0;
	color: #2C76A6;
}
form p {
	color: #1980AF;
}
form label {
    display: block;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-Serif;
    font-weight: bold;
    line-height: 24px;
    font-size: 13px;
    margin: 0 0 5px 0;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    color:#666666;
}
form label span {
    color: #1980AF;
}
form input,
form select,
form textarea {
    margin-bottom: 24px;
	padding: 9px 10px;
    color: #999;
    background: #fff;
	border-width: 1px;
	border-style: solid;
  	border-color: #DCDEE2 #E9EBED #E9EBED #DCDEE2;
	font: 13px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-serif;
}
form textarea {
    height: 325px;
}
form input:focus,
form select:focus,
form textarea:focus {
	background: #EEF5F9;
    color: #666666;
}
form input.button {
   	height: 36px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-serif;
   	margin-top: 10px;
	margin-right: 3px;
	padding: 6px 10px;
	border: 1px solid #2177A5;
	background-color: #227bad;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
}
.ie7 form input.button {
    padding: 0 2px;
}
#name, #email, #message, #website {
	width: 475px;
}
/* Clearing and Alignment */
.align-left {
    float: left;
}
.align-right {
    float: right;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.ie7 .clearfix { zoom: 1; } /* IE7 */
#header-wrap {
    float: left;
    height: 200px;
    width: 100%;
    background: url(../images/header-bg.png) repeat-x;
}
header {
    position: relative;
    margin: 0 auto;
    width: 978px;
}
#content-wrap {
    margin: 0;
    padding: 0;
    background: url(../images/content.png);
    width: 100%;
}
#content {
    width: 978px;
    margin: 0 auto;
    padding: 0 0 24px 0;
    background: url(../images/content-bg.png) repeat-y left top;
}
#main {
	float: left;
    margin: 40px 0 0 0;
    padding: 0;
	width: 725px;
}
#main .main-content {
    padding-right: 30px;
    padding-left: 5px;
}
#sidebar {
    float: right;
    margin: 45px 0 24px 0;
    padding: 0;
    width: 222px;
}
#extra-wrap {
	width: 100%;
	color: #C2DBE7;
    padding-bottom: 24px;
	border-top: #164F74;
}
#extra {
	width: 978px;
	margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
}
#extra .col {
	float: left;
    margin-left: 30px;
    width: 222px;
}
#extra .first {
    margin-left: 0;
}
footer {
	clear: both;
    width: 978px;
	margin: 0 auto;
    padding-top: 12px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-Serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-size: 11px;
	color: #C2DBE7;
    overflow: hidden;
    background: url(../images/footer-line.png) repeat-x left top;
}
header hgroup {
    position: absolute;
    background: url(../images/logo.png) no-repeat;
    height: 62px;
    width: 215px;
    display: block;
    top: 100px;
    left: 10px;
}
header hgroup h1 {
    margin: 0;
    padding: 0;
}
header hgroup h1 a {
    text-indent: -9999em;
    display: block;
    height: 48px;
    width: 215px;
}
header hgroup h3  {
    text-indent: -9999em;
    height: 0;
}
/*  Main Navigation  */
header nav {
	position: absolute;
	left: 0;
    top: 0;
   	width: 650px;
    height: 60px;
}
header nav ul {
	list-style: none;
	margin: 0;
    padding: 0;
	height: 60px;
}
header nav ul li {
    position: relative;
	float: left;
}
header nav ul a:link, header nav ul a:visited {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    display: block;
	margin: 0;
    padding: 0 11px;
    height: 60px;
	color: #BEBEBE;
    text-shadow: 0 -1px 0 rgba(10, 10, 10, 1);
    line-height: 68px;
}
header nav ul li a:hover,
header nav ul li a:active {
	border: none;
	color: #D67630;
}
header nav ul li#current a {
	color: #D67630;
}
header nav ul li#current span {
    position: absolute;
    display: block;
    background: url(../images/selected.png) no-repeat 50% 0;
    bottom: -9px;
    height: 10px;
    width: 100%;
}
/* Subscribe */
header div.subscribe {
    position: absolute;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
   	width: 150px;
    height: 30px;
    color: #BEBEBE;
    text-shadow: 0 -1px 0 rgba(10, 10, 10, 1);
    background: url(../images/rss32.png) no-repeat 0 center;
    padding-left: 28px;
    right: 68px;
    top: 18px;
}
header div.subscribe a {
    padding-right: 3px;
    padding-left: 3px;
    color: #fff;
}
header div.subscribe a:hover,
header div.subscribe a:active {
    color: #D67630;
}
/* Quick Search */
header form#quick-search {
  	position: absolute;
  	background: transparent;
  	border: none;
  	margin: 0;
    padding: 0;
  	width: 250px;
    top: 110px;
    right: 0;
}
header fieldset.search {
    border: none;
    width: 250px;
    height: 38px;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #d2e2e8;
}
header .search input {
  	border: none;
  	float: left;
 	padding: 0;
    margin: 0;
}
header .search button {
  	border: none;
  	float: right;
  	padding: 0; margin: 0;
}
header .search label { display: none; }
header .search input.tbox {
  	font-weight: normal;
  	margin: 12px 0 10px 10px;
  	background: transparent;
  	width: 200px;
}
header .search button.btn {
  	width: 38px;
  	height: 38px;
  	cursor: pointer;
  	text-indent: -9999px;
  	background: url(../images/search.png) no-repeat center center;
}
#main h2 {
	font-size: 34px;
    letter-spacing: -0.5px;
}
#main h2 a { color: #353535; }
#sidebar h3 {
    letter-spacing: 0.2px;
    margin-top: 10px;
    margin-bottom: 14px;
}
#sidebar .about-me img {
    margin: 0 15px 5px 0;
    padding: 10px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/* Sidemenu */
.sidemenu ul {
	margin: 5px 0 24px 0;
    padding: 0;
	border-top:  1px  solid #E5E5E5;
    color: #959595
}
.sidemenu ul li {
	list-style: none;
	margin: 0;
	padding: 7px 5px;
	border-bottom:  1px  solid #E5E5E5;
}
.sidemenu ul li a:link,
.sidemenu ul li a:visited {
    color: #33799B;
    padding: 0;
	font-weight: bold;
    text-transform: uppercase;
    font-family:  'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Sans-Serif;
    font-size: 12px;
}
.sidemenu ul li a span {
    display: block;
	color: #858585;
    font-family: Verdana, Sans-Serif;
	font-style: normal;
	font-weight: normal;
    font-size: 11px;
    line-height: 16px;
	text-transform: none;
}
.sidemenu ul li a:hover { color: #CC3300; }
.sidemenu ul ul { margin: 0 0 0 5px; padding: 0; }
.sidemenu ul ul li { border: none; }
/* Popular */
.popular ul li {
    line-height: 18px;
}
.popular ul li a:link,
.popular ul li a:visited {
    text-transform: none;
}
.popular ul li a span {
    line-height: 16px;
    margin-top: 6px;
}
#extra p {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-serif;
}
#extra strong, #extra em, #extra b, #extra i {
    font-family:  'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, sans-serif;
}
#extra a:link,
#extra a:visited { color: #fff; }
#extra a:hover { color: #99CCFF; }
#extra h3 {
    font: bold 18px  'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Sans-Serif;
    margin-bottom: 15px;
	color: #fff;
}
/* Gallery */
#extra #gallery {
	padding: 0 0 15px 0;
    margin: 0 0 36px 0;
    width: 100%;
    background: url(../images/footer-line.png) repeat-x left bottom;
}
#extra #gallery h3 {
    float: left;
    width: 222px;
    margin: 30px 0 0 0;
    padding: 0;
}
#extra #gallery p.thumbs {
    float: right;
    width: 750px;
    margin: 20px 0 0 0;
    padding: 0;
}
#extra #gallery p.thumbs img {
	position: relative;
	padding: 9px;
	margin: 10px 0 10px 12px;
	background: #FAFAFA;
    border: 1px solid #EDEDED;
    float: right;
    -moz-box-shadow: 1px 1px 3px #184569 ;
	-webkit-box-shadow: 1px 1px 3px #184569;
	box-shadow: 1px 1px 3px #184569;
}
/* Recent Comments */
.recent-comments ul {
   	margin-left: 0;
    padding: 0;
	background: url(../images/footer-line.png) repeat-x left top;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, sans-serif;
}
.recent-comments ul li {
	list-style: none;
	font-size: 12px;
	line-height: 1.5em;
	padding: 7px 5px 7px 22px;
	background: url(../images/speech-bubble.png)  no-repeat  2px 12px;
    /* border-bottom: 1px solid #326B8D; */
}
.recent-comments ul li a:link,
.recent-comments ul li a:visited {
    padding-left: 0;
}
.recent-comments ul li cite {
	font-size: .9em;
	font-style: normal;
}
/* footer-list */
.footer-list ul {
	background: url(../images/footer-line.png) repeat-x left top;
	list-style: none;
	padding: 0;
	margin-left: 0;
}
.footer-list ul li {
    border-bottom: 1px solid #326B8D;
}
.footer-list ul li a:link,
.footer-list ul li a:visited {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-Serif;
	display: block;
	padding: 7px 0 7px 5px;
	margin-left: 0;
	color: #fff;
}
.footer-list ul li a:hover { color: #99CCFF; }
/* Subscribe Stuff */
ul.subscribe-stuff {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.subscribe-stuff li {
    float: left;
    margin: 0 3px 12px 0;
    padding: 0;
}
ul.subscribe-stuff li img {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}
/* ----------------------------------------------------------------------------
    F O O T E R
----------------------------------------------------------------------------- */
footer a:link,
footer a:visited {
    color: #fff;
}
footer a:hover {
    color: #99CCFF;
}
footer a.back-to-top {
    background: url(../images/back-to-top.png) no-repeat right 2px;
    font-weight: bold;
    padding-right: 16px;
}
footer p.footer-left {
	float: left;
    margin: 0 0 30px 0;
	padding: 0;
    width: 600px;
    text-align: left;
}
footer p.footer-right {
	float: right;
    margin: 0 0 30px 0;
	padding: 0;
    width: 320px;
    text-align: right;
}
.post {
    margin: 0 0 60px 0;
    padding: 0 0 48px 0;
    width: 726px;
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;
}
.post.single {
  margin-bottom: 20px;
}
.primary {
    width: 533px;
    float: right;
    padding-right: 25px;
}
.primary .image-section {
	clear: both;
	display: block;
	margin: 15px 0 10px 0;
	padding: 0;
}
aside {
    position: relative;
    width: 135px;
    float: left;
}
aside p.dateinfo {
    background: url(../images/date-bg.png) no-repeat;
    height: 70px;
    width: 60px;
    margin: 10px 0 0 78px;
    padding: 7px 0 0 0;
    font: bold 15px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(10, 10, 10, 1);
}
aside p.dateinfo span {
    font: bold 26px 'Lucida Grande','Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-Serif;
    display: block;
    color: #444;
    margin: 5px 0 0 0;
    padding: 0;
    letter-spacing: 0;
    text-shadow: none;
}
aside .post-meta {
    width: 138px;
    font-size: .9em;
    margin: 20px 0;
    padding: 0;
}
aside .post-meta h4 {
    text-align: right;
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
}
aside .post-meta ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #E5E5E5;
}
aside .post-meta ul li {
	padding: 4px 0;
	margin: 0;
    text-align: right;
    border-bottom: 1px solid #E5E5E5;
}
aside .post-meta ul.tags li { background: url(../images/tag.png) no-repeat 2px center; }
aside .post-meta ul li.user { background: url(../images/user.png) no-repeat 2px center; }
aside .post-meta ul li.time { background: url(../images/clock.png) no-repeat 2px center; }
aside .post-meta ul li.comment { background: url(../images/comment.png) no-repeat 2px center; }
aside .post-meta ul li.permalink { background: url(../images/permalink.png) no-repeat 2px center; }
aside .post-meta ul li a {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-Serif;
    font-size: 12px;
}
aside .post-meta ul li a { color: #666666; }
aside .post-meta ul li a:hover { color: #CC3300; }
.post-bottom-section {
    position: relative;
    margin: 10px 0 20px 0;
    padding: 0 0 20px 0;
    width: 726px;
    overflow: hidden;
    border-bottom: 1px solid #E5E5E5;
}
.post-bottom-section h4 {
    position: absolute;
    left: 0px; top: 5px;
    text-align: right;
	width: 135px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}
.post-bottom-section .primary form {
	position: relative;
	top: 15px; left: 0;
	margin: 0 0 20px 0;
    width: 447px;
}
.post-bottom-section .primary form #name,
.post-bottom-section .primary form #email,
.post-bottom-section .primary form #message,
.post-bottom-section .primary form #website {
	width: 425px;
}
.post-info {
    margin-left: 3px;
    font-size: 14px;
    line-height: 18px;
}
.post-info span {
    font-style: italic;
    margin-right: 3px;
}
.post .post-info a:link,
.post .post-info a:visited {
  	color: #1372a8;
  	border: none;
  	font-size: .9em;
}
.post .post-info a:hover {
    color: #CC3300;
}
/* Comments List */
ol.commentlist {
	margin: 12px 5px 12px 0;
	padding: 0;
    background: #FAFAFA;
    border-top: 1px solid #E3E6E8;
}
.commentlist li {
	list-style: none;
	margin: 0;
	padding: 12px 0 0 0;
	border: 1px solid #E3E6E8;
    border-width: 0 1px 1px 1px;
	overflow: hidden;
}
.commentlist li a:link,
.commentlist li a:visited {
    color: #227bad;
}
.commentlist li a:hover {
    color: #CC3300;
}
.commentlist li .comment-info {
	width: 99%;
	margin: 5px 0 0 0; padding: 0;
	overflow: hidden;
}
.commentlist li .comment-info img {
	float: right;
	margin: 3px 20px 0 0;
    padding: 10px;
    background: #fff;
	border:  1px  solid #DBDBDB;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.commentlist li .comment-info cite {
	display: block;
	margin: 0; padding: 5px 65px 5px 25px;
	font-style: normal;
}
.commentlist li .comment-info cite .comment-data {
    font-size: .8em;
   	font-weight: normal;
}
.commentlist li .comment-text {
	clear: both;
	margin: 10px 0 0 0; padding: 0 25px 25px 25px;
}
.commentlist li .comment-text p {
	margin:  5px 0 20px 0;
	padding: 0;
}
.commentlist li .comment-text .reply a {
	padding: 6px 7px;
    border: 1px solid #2177A5;
	background-color: #227bad;
    font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', Verdana, Sans-Serif;
	font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
}
.commentlist li ul.children { margin:0; padding: 0; }
.commentlist li ul.children li.depth-2,
.commentlist li ul.children li.depth-3 {
	margin-left: 40px;
	border-style: solid;
	border-color: #DEE2E4;
	border-width: 1px 0 0 1px;
}
.commentlist li.thread-alt {
	background: #F3F4F5;
    border-color: #DDDFE3;
}
/* ------------------------------------------------------------------------------
    A R C H I V E S
--------------------------------------------------------------------------------- */
ul.archive {
	margin: 10px 0 10px 0;
	padding: 0;
	border-top: 1px solid #E5E5E5;
}
ul.archive li {
	margin: 0;
	padding: 14px 5px;
	border-bottom: 1px solid #E5E5E5;
	list-style: none;
}
ul.archive li .post-title {
	margin: 0;	padding: 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
	font-size: 18px;
}
ul.archive li .post-title a:link,
ul.archive li .post-title a:visited {
	color: #444;
}
ul.archive li .post-title a:hover {
	border: none;
	color: #CC3300;
}
ul.archive li .post-details {
	margin-left: 0;
	margin-top: 0;
	font-size: .9em;
    color: #777;
}
ul.archive li .post-details span {
    padding-left: 5px;
    padding-right: 5px;
    color: #999;
}
ul.archive li .post-details a:link,
ul.archive li .post-details a:visited {
    color: #1372a8;
}
ul.archive li .post-details a:hover {
    color: #CC3300;
}
/* Page Navigation */
.navigation {
	margin: 20px 0 20px 5px; padding: 0;
}
.navigation a:link,
.navigation a:visited {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Sans-serif;
	float: left;
	display: block;
	margin: 10px 10px 0 0;
	padding: 5px 7px;
	text-transform: lowercase;
	text-decoration: none;
    border: 1px solid #2177A5;
	background: #227bad;
	color: #fff;
    font-size: 13px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #3CA5D2;
}
.navigation a:hover {
    border:  1px  solid #B32D00;
	background: #CC3300;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #FF7242;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #FF7242;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 #FF7242;
}
 .carousel {
    position: relative;
    width: 80%; 
    margin: auto;
  }
  .carousel-image {
    width: 100%;
    display: none;
    animation: fade 1.5s ease-in-out infinite;
  }
  @keyframes fade {
    from {opacity: .4}
    50% {opacity: 1}
    to {opacity: .4}
  }
  /* 初始时只显示第一张图片 */
  .carousel-image:first-child {
    display: block;
  }

JS:

scrollToTop.js

$(document).ready(function() {
	$("a.back-to-top").click(function() {
		$("html, body").animate({
			scrollTop: $($(this).attr("href")).offset().top + "px"
		}, {
			duration: 400,
			easing: "swing"
		});
		return false;
	});
});

免责声明：我们致力于保护作者版权，注重分享，被刊用文章因无法核实真实出处，未能及时与作者取得联系，或有版权异议的，请联系管理员，我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明：本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度，360，搜狗等多加搜索引擎自动关键词搜索配图，如有侵权的图片，请第一时间联系我们。

« 2025年9月 »
一	二	三	四	五	六	日
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

一、页面效果展示

二、相关代码

首页：有轮播图效果

明月星河

醉后不知天在水，满船清梦压星河

面向对象程序三大特性之一( 封装）

发布详情

AIGC定义未来内容创作的新纪元

发布详情

信号量之消费者生产者模型

发布详情

关于我们

边栏菜单

入门须知

其他分类

最热文章

联系方式

订阅方式

计算机优质学习网站推荐

入门视频推荐

大家还在搜

最近留言

文章合集

专业经典书籍

博客：

明月星河

醉后不知天在水，满船清梦压星河

0基础Java自学之路

发布详情

Java冒泡排序

算法初阶

代码块

填写信息

关于我们

边栏菜单

入门须知

其他分类

最热文章

联系方式

订阅方式

计算机优质学习网站推荐

入门视频推荐

大家还在搜

最近留言

文章合集

专业经典书籍

文章合集：

明月星河

醉后不知天在水，满船清梦压星河

2024年4月文章合集

关于我们

边栏菜单

入门须知

最热文章

联系方式

订阅方式

计算机优质学习网站推荐

入门视频推荐

大家还在搜

最近留言

文章合集

专业经典书籍

帮助:

明月星河

醉后不知天在水，满船清梦压星河

帮助文档

关于我们

边栏菜单

联系方式

订阅方式

计算机优质学习网站推荐

入门视频推荐

大家还在搜

最近留言

文章合集

专业经典书籍

关于:

明月星河

醉后不知天在水，满船清梦压星河

关于我们