当前位置：首页 > news >正文

javaEE初阶 — CSS 常用的属性

news 2025/10/29 16:16:38

文章目录

CSS 常用的属性
- 1 字体属性
- - 1.1 设置字体家族 font-family
  - 1.2 设置字体大小 font-size
  - 1.3 设置字体粗细 font-weight
  - 1.4 文字倾斜 font-style
- 2 文本属性
- - 2.1 文本颜色
  - 2.2 文本对齐
  - 2.3 文本装饰
  - 2.4 文本缩进
  - 2.5 行高
- 3 背景属性
- - 3.1 背景颜色
  - 3.2 背景图片
  - 3.3 背景位置
  - 3.4 背景尺寸
- 4 圆角矩形
- - 4.1 基本用法
  - 4.2 圆形的生成
  - 4.3 圆角矩形的生成

CSS 常用的属性

1 字体属性

1.1 设置字体家族 font-family

font-family 表示的是当前使用哪种字体来显示，比如，微软雅黑、宋体、黑体、华文行楷。

这个属性指定的字体必须要求是系统已经安装了的，如果系统没有则不能正确显示。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 30px;font-family: '微软雅黑';}.two {font-size: 30px;font-family: '宋体';}.three {font-size: 30px;font-family: '黑体';}.four {font-size: 30px;font-family: '华文行楷';}</style></head>
<body><div class="one">这是一个div</div><div class="two">这是一个div</div><div class="three">这是一个div</div><div class="four">这是一个div</div>
</body>
</html>

可以看到这四个 div 有着明显的区别。

1.2 设置字体大小 font-size

浏览器的每个文字，可以视为一个 “方框”。
如果是英文阿拉伯数字，方框则会比较窄，如果是中文，则一般就是一个正方形。
设置 font-size:20px 文字框的=高度就是 20px。

设置字体大小上述已经演示过了，这里将不再演示。

1.3 设置字体粗细 font-weight

实际设置的时候，有两种典型的设置风格：

1.使用单词
2.使用数字

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 30px;font-family: '微软雅黑';font-weight: normal;}.two {font-size: 30px;font-family: '宋体';font-weight: normal;}.three {font-size: 30px;font-family: '黑体';font-weight: bolder;}.four {font-size: 30px;font-family: '华文行楷';font-weight: bolder;}</style></head>
<body><div class="one">这是一个div</div><div class="two">这是一个div</div><div class="three">这是一个div</div><div class="four">这是一个div</div>
</body>
</html>

也可以直接设置数字大小来变化字体的粗细，数值越大字体越粗，这个数字的大小是 1~1000。

<style>.one {font-size: 30px;font-family: '微软雅黑';font-weight: 100;}.two {font-size: 30px;font-family: '宋体';font-weight: 100;}.three {font-size: 30px;font-family: '黑体';font-weight: 700;}.four {font-size: 30px;font-family: '华文行楷';font-weight: 700;}
</style>

可以明显的看到随着数字的增大，字体的粗细逐渐变大。

此时就可以把一个 div 设置成和 h1 类似了，也可以把 h1 设置成 div 类似的。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 18px;font-family: '微软雅黑';font-weight: 100;}</style></head>
<body><h1 class="one">这是一个标题</h1>
</body>
</html>

将一个标题的字体给变小变细，然后就类似于一个 div 了。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {font-size: 40px;font-family: '微软雅黑';font-weight: 700;}</style></head>
<body><!-- <h1 class="one">这是一个标题</h1> --><div class="one">这是一个div</div>
</body>
</html>

可以看到将一个 div 的字体变大变粗后就类似以一个 h1 标题了。

1.4 文字倾斜 font-style

使用 i、em 标签也可以让字体倾斜，但是实际上使用更多的是 CSS 里的 font-style。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.two {font-size: 40px;font-family: '宋体';font-weight: 100;font-style: italic;}</style></head>
<body><div class="two">这是一个div</div>
</body>
</html>

italic 就是设置倾斜字体样式。

如果想要取消倾斜，设置为 normal 即可。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.two {font-size: 40px;font-family: '宋体';font-weight: 100;font-style: normal;}</style></head>
<body><div class="two">这是一个div</div>
</body>
</html>

2 文本属性

2.1 文本颜色

计算机表示颜色一种典型的方式就是 RGB 的方式，
R表示的就是 red，G 表示的就是 green，B表示的就是 blue。

在前端中，给 RGB 各分配一个字节，每个字节的范围都是 0 ~ 255/00 ~ FF（计算机里的典型表示）

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.five {color: rgb(255, 0, 0);}</style></head>
<body><div class="five">这是一个div</div>
</body>
</html>

第一个逗号前面的 255 表示的就是红色拉满，第二个逗号前面表示绿色为 0，最后一个 0 表示蓝色为 0。
所以总体的一个颜色就是非常红的一个颜色。

color: rgb(255, 0, 0);

下面的就是一个绿色拉满，其余为 0 的颜色。

 color: rgb(0, 255, 0);

下面的则是一个蓝色拉满，其余为 0 的颜色。

   color: rgb(0, 0, 255);

通过括号里的三个分量不同的比例的搭配，就可以调出不同的颜色。

此处的颜色设置也可以使用 十六进制。

  .five {color: #ff0000;}

ff 表示 255，也就是红色拉满，中间两个 00 表示绿色为 0，最后两个 00 表示蓝色为 0。

如果每个分量的两个十六进制数字都相同，那么就可以把 6 位十六进制缩写成 3 为十六进制。

比如上述的 #ff0000 就可以缩写成 #f00，如果是 #ff0010 则就不可以缩写。
这里面必须要求每个分量的两个十六进制数字都相同。

颜色也可以使用单词来表示，比如 red、green、blue、orange、black、white。

2.2 文本对齐

文本对齐 是使用 text-align 属性来设置的，这个属性决定对齐是靠左、靠右还是居中对齐。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.six {text-align: center;font-size: 50px;}</style></head>
<body><div class="six">这是一个div</div>
</body>
</html>

上述代码中的 center 决定的是居中对齐。

如果想要靠左或者靠右边对齐，就把这个属性改为 left 或者 right 即可。

2.3 文本装饰

文本装饰 使用的是 text-decoration 来实现的。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.six {color: rgb(10, 255, 10);text-align: left;font-size: 30px;text-decoration: underline;}.seven {color: rgb(100, 25, 210);text-align: left;font-size: 30px;text-decoration: overline;}.eight {color: rgb(180, 0, 200);text-align: left;font-size: 30px;text-decoration: line-through;}</style></head>
<body><div class="six">这是一个div</div><div class="seven">这是一个div</div><div class="eight">这是一个div</div> 
</body>
</html>

none 可以将上述的下划线、上划线、删除线全部取消掉。

<style>.delete {color: rgb(255, 0, 0);text-align: left;font-size: 30px;text-decoration: none;}
</style></head>
<body><div class="six delete">这是一个div</div><div class="seven delete">这是一个div</div><div class="eight delete">这是一个div</div>
</body>
</html>

可以看到确实取消掉了。

2.4 文本缩进

文本缩进 指的是每个段落首行缩进两个文字，使用的是 text-indent。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.retract {text-indent: 2em;}.one {color: green;font-size: 40px;font-family: '微软雅黑';font-weight: 700;}</style></head>
<body><div class="one retract">这是一个div</div><div class="one">这是一个div</div><div class="one">这是一个div</div>
</body>
</html>

文本缩进的值可以是负数。（往左缩进）

<style>.retract {text-indent: -2em;}
</style>

可以看到文字已经缩到左边了，但是此时超出了页面。

em 是一个相对的量，是以文字尺寸为基础来进行设置的。

假设文字大小是 40 px，1em 就是 40px，2em 就是 80px。

2.5 行高

行高 = 文字高度 + 行间距

图中的绿色线为顶线，紫色的线为底线，蓝色的线为中线，橙色的线为基线。

从第一条顶线到第二条顶线就是一个行高的高度，或者是第一条底线到第二条底线，
再或者是第一条中线到第二条中线，第一条基线到第二条基线。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {color: green;font-size: 40px;font-family: '微软雅黑';font-weight: 700;line-height: 100px;}</style></head>
<body><div class="one">这是一个div</div><div class="one">这是一个div</div><div class="one">这是一个div</div>
</body>
</html>

3 背景属性

3.1 背景颜色

背景颜色使用 background-color 来设置。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.one {color: white;font-size: 20px;font-family: '微软雅黑';font-weight: 700;line-height: 40px;background-color: rgb(0, 200, 0);}</style></head>
<body><div class="one">这是一个div</div><div class="one">这是一个div</div><div class="one">这是一个div</div>
</body>
</html>

可以看到此处的背景已有了改变。

3.2 背景图片

背景图片是使用 background-image: url(图片路劲) 来实现的。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.image {background-image: url(image/xiaojiejie.jpg);line-height: 500px;}</style></head>
<body><div class="image">这是一个div</div>
</body>
</html>

当前引入图片之后默认的情况图片是平铺的。

如果不想要平铺则可以使用 background-repeat: no-repeat; 设置。

可以看到此时就不是平铺的了。

禁止平铺之后图片就会出现在页面的左上角，

3.3 背景位置

如果要让图片居中，使用 background-position: center center; 即可。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>.image {background-image: url(image/xiaojiejie.jpg);height: 500px;background-repeat: no-repeat;background-position: center center;}</style></head>
<body><div class="image">这是一个div</div>
</body>
</html>

可以看到此时图片就居中了。

也可以通过设置 坐标系 的方式来实现图片位置的设置。

background-position: 10px 50px;

在这里插入图片描述

这里的坐标系与我们通常所说的坐标系是不一样的。
在计算机中的坐标系是左手系，而通常所说的是右手系。

3.4 背景尺寸

可以使用 background-size 来设置背景图片的位置。

 background-size: 300px 400px;

如下图就是将图片设置成宽度为 300 像素，高度为 400 像素。

contain 会使图片尽可能的扩大，但是不会超过这个元素的范围。

background-size: contain;

cover 会使图片尽可能的伸展，会一直伸展到极致。

 background-size: cover;

4 圆角矩形

通过 border-radius 使边框带圆角效果。

4.1 基本用法

先设置一个宽和高，然后再设置背景色为橘色。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>我真帅</title><style>div {width: 200px;height: 100px;background-color: orange;}</style></head>
<body><div>这是一个div</div>
</body>
</html>

然后将它设置为字体白色。

 color: rgb(255, 255, 255);

接下来是将文字居中放置。

 text-align: center;line-height: 100px;

最后就是将这个矩形变为圆角矩形。

   border-radius: 10px;

4.2 圆形的生成

让 border-radius 的值为正方形宽度的一半即可。

    <style>div {width: 200px;height: 200px;background-color: orange;color: rgb(255, 255, 255);text-align: center;line-height: 100px; /* 50% 表示这是宽度的一半 */border-radius: 50%; }</style>

4.3 圆角矩形的生成

让 border-radius 的值为矩形高度的一半即可。

    <style>div {width: 200px; /* 宽度 */height: 100px; /* 高度 */background-color: orange;color: rgb(255, 255, 255);text-align: center;line-height: 100px; border-radius: 50px; }</style>

javaEE初阶 — CSS 常用的属性

文章目录CSS 常用的属性1 字体属性1.1 设置字体家族 font-family1.2 设置字体大小 font-size1.3 设置字体粗细 font-weight1.4 文字倾斜 font-style2 文本属性2.1 文本颜色2.2 文本对齐2.3 文本装饰2.4 文本缩进2.5 行高3 背景属性3.1 背景颜色3.2 背景图片3.3 背景位置3.4 背景…...

编程日记 2023/3/13 22:29:12

【面试题】如何取消 script 标签发出的请求

大厂面试题分享面试题库前后端面试题库 （面试必备） 推荐：★★★★★地址：前端面试题库问题之前在业务上有这样一个场景，通过 script 标签动态引入了一个外部资源，具体方式是这样的const script document.…...

编程日记 2023/3/13 22:24:10

蓝桥杯嵌入式（G4系列）：RTC时钟

前言： 关于RTC时钟的HAL库配置我也是第一次，之前都是用库函数的写法，这里写下这篇博客来记录一下自己的学习过程。 STM32Cubemx配置： 首先点击左侧的Timers的RTC，勾选以下选项进入时钟树配置进入时间设置&#xff0…...

编程日记 2023/3/13 22:19:07

Linux——进程间通信1

目录进程间通信目的进程间通信标准管道匿名管道管道实现进程间通信管道的特点进程池 ProcessPool.cc Task.hpp 习题进程间通信目的数据传输：一个进程需要将它的数据发送给另一个进程资源共享：多个进程之间共享同样的资源。通知事件…...

编程日记 2023/3/13 22:14:05

循环语句——“Python”

各位CSDN的uu们你们好呀，今天小雅兰的内容是Python中的循环语句呀，分为while循环和for循环，下面，让我们进入循环语句的世界吧循环语句 while循环 for循环 continue和break 循环语句小结人生重开模拟器设置初始属性设置性别…...

编程日记 2023/3/13 22:09:02

Python synonyms查找中文任意词汇的同义词近义词

Python synonyms查找中文任意词汇的同义词近义词作者：虚坏叔叔博客：https://xuhss.com 早餐店不会开到晚上，想吃的人早就来了！😄 一、安装对于非专业的开发人员来说可以简单的使用Python一行代码来找到同义词。这…...

编程日记 2023/3/13 22:04:00

三分钟了解http和https

对应测试人员都会听过http请求和响应.在这里给大家介绍http相关的知识一.http和https基本概念 HTTP：是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本…...

编程日记 2023/3/13 21:58:57

docker应用：搭建私有云盘

简介：NextCloud是一个开源的云存储解决方案，可以在自己的服务器上搭建个人云存储系统。它提供了与市面上主流云存储服务（如Dropbox、Google Drive）相似的功能，包括文件存储、共享、同步、协作等。NextCloud的主要优势在…...

编程日记 2023/3/13 21:53:55

【C++进阶】面向对象

程序编写程序是为了让计算机解决现实生活中的实际问题。pascal之父、结构化程序设计先驱Niklaus Wirth提出程序算法数据结构。程序是完成一定功能的一些列有序指令的集合。指令操作码指令。将指令按一定的顺序进行整合，就形成了程序。机器语言与汇编语言…...

编程日记 2023/3/13 21:48:51

从ChatGPT与New Bing看程序员为什么要学习算法？

文章目录为什么要学习数据结构和算法？ChatGPT与NEW Bing 的回答想要通关大厂面试，就不能让数据结构和算法拖了后腿业务开发工程师，你真的愿意做一辈子CRUD boy吗？对编程还有追求？不想被行业淘汰？那就不要只…...

编程日记 2023/3/13 21:43:49

SpringBoot-实用开发篇

SpringBoot开发实用篇开发实用篇中因为牵扯到SpringBoot整合各种各样的技术，所以在整合每一个技术之前，都会做一个快速的普及，这样的话内容整个开发实用篇所包含的内容就会比较多。在学习的时候，如果对某一个技术不是很清楚&#…...

编程日记 2023/3/13 21:38:45

Python进阶-----高阶函数-＞filter() 函数

目录前言： filter() 函数介绍 filter() 函数使用示例 1.与循环对比 2.与lambda函数综合使用 3.使用None过滤False 4.过滤字典相关数据前言： 家人们，当你们获取了一个序列的时候，想要把一些内容去掉，保留一部分…...

编程日记 2023/3/13 21:33:42

C/C++面试可能会问三：指针和数组一样吗？

答案：不一样。哪里不同？ 数组名：数组名的值是一个指针常量，也就是数组第一个元素的地址。它的类型取决于数组元素的类型：如果他们是int类型，那么数组名的类型就是“指向int的常量指针”；如果…...

编程日记 2023/3/13 21:28:40

数字经济新生态，中小企业如何发展营销数字化

五年弹指一挥间，中国数字经济正从尝试探索迈向快速发展，这一趋势，从今年两会的国务院机构改革、总理政府工作报告、部长通道答疑解惑、科技领域大佬提案中都能看出来。在政府工作报告中，我们可以看到数字经济在不断壮大&#xff…...

编程日记 2023/3/13 21:23:36

【网络】https协议

🥁作者： 华丞臧. 📕专栏：【网络】各位读者老爷如果觉得博主写的不错，请诸位多多支持(点赞收藏关注)。如果有错误的地方，欢迎在评论区指出。推荐一款刷题网站 👉 LeetCode刷题网站文章…...

编程日记 2023/3/13 21:18:32

【11】SCI易中期刊推荐——计算机方向（中科院4区）

🚀🚀🚀NEW！！！SCI易中期刊推荐栏目来啦 ~ 📚🍀 SCI即《科学引文索引》（Science Citation Index, SCI），是1961年由美国科学信息研究所（Institute for Scientific Information, ISI）创办的文献检索工具，创始人是美国著名情报专家尤金加菲尔德（Eugene Garfield…...

编程日记 2023/3/13 21:13:29

STM32 OTA应用开发——通过串口/RS485实现OTA升级（方式2）

STM32 OTA应用开发——通过串口/RS485实现OTA升级（方式2） 目录STM32 OTA应用开发——通过串口/RS485实现OTA升级（方式2）前言1 环境搭建2 功能描述3 程序编写3.1 BootLoader部分3.2 APP的制作4 修改工程中的内存配置4.1 Bootloader…...

编程日记 2023/4/21 18:02:41

【Spring6】| Bean的生命周期（重要）

目录一：Bean的生命周期 1. 什么是Bean的生命周期 2. Bean的生命周期之5步 3. Bean生命周期之7步 4. Bean生命周期之10步 5. Bean的scop（作用域）不同，管理方式不同 6. 自己new的对象如何让Spring管理一：Bean的…...

编程日记 2023/3/13 21:03:23

【C#】单据打印方案（定义打印模板、条形码、二维码、图片、标签）

系列文章 C#项目–业务单据号生成器（定义规则、自动编号、流水号） 本文链接：https://blog.csdn.net/youcheng_ge/article/details/129129787 C#项目–开始日期结束日期范围计算（上周、本周、明年、前年等） 本文链接&…...

编程日记 2023/3/13 20:58:21

前后端身份验证

1、web 开发模式【】基于服务端渲染的传统 Web 开发模式【】基于前后端分离的新型 Web 开发模式：依赖于 Ajax 技术的广泛应用。后端只负责提供 API 接口，前端使用 Ajax 调用接口的开发模式 2、身份认证【】服务端渲染推荐使用 Session 认证机制【】…...

编程日记 2023/3/13 20:53:17

#include <iostream> #include <vector> #include <cmath> #include <Eigen/Dense> // 需安装Eigen库用于矩阵运算 // 定义点结构 struct Point { double x, y; Point(double x_, double y_) : x(x_), y(y_) {} }; // 最小二乘法求圆心和半径 …...

编程新知 2025/10/28 2:04:54

深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录

ASP.NET Core 是一个跨平台的开源框架，用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录，以帮助监视应用程序行为和诊断问题。可以通过配置不同的记录提供程…...

编程新知 2025/10/28 18:25:58

Docker 运行 Kafka 带 SASL 认证教程

Docker 运行 Kafka 带 SASL 认证教程 Docker 运行 Kafka 带 SASL 认证教程一、说明二、环境准备三、编写 Docker Compose 和 jaas文件docker-compose.yml代码说明：server_jaas.conf 四、启动服务五、验证服务六、连接kafka服务七、总结 Docker 运行 Kafka 带 SASL 认…...

编程新知 2025/10/27 17:04:10

定时器任务——若依源码分析

分析util包下面的工具类schedule utils： ScheduleUtils 是若依中用于与 Quartz 框架交互的工具类，封装了定时任务的创建、更新、暂停、删除等核心逻辑。 createScheduleJob createScheduleJob 用于将任务注册到 Quartz，先构建任务的 JobD…...

编程新知 2025/10/19 9:46:38

微信小程序 - 手机震动

一、界面 <button type"primary" bindtap"shortVibrate">短震动</button> <button type"primary" bindtap"longVibrate">长震动</button> 二、js逻辑代码注：文档 https://developers.weixin.qq…...

编程新知 2025/10/21 23:40:19

【项目实战】通过多模态+LangGraph实现PPT生成助手

PPT自动生成系统基于LangGraph的PPT自动生成系统，可以将Markdown文档自动转换为PPT演示文稿。功能特点 Markdown解析：自动解析Markdown文档结构PPT模板分析：分析PPT模板的布局和风格智能布局决策：匹配内容与合适的PPT布局自动…...

编程新知 2025/10/25 18:00:07

ffmpeg（四）：滤镜命令

FFmpeg 的滤镜命令是用于音视频处理中的强大工具，可以完成剪裁、缩放、加水印、调色、合成、旋转、模糊、叠加字幕等复杂的操作。其核心语法格式一般如下： ffmpeg -i input.mp4 -vf "滤镜参数" output.mp4或者带音频滤镜： ffmpeg…...

编程新知 2025/10/16 23:42:48

leetcodeSQL解题：3564. 季节性销售分析

leetcodeSQL解题：3564. 季节性销售分析题目： 表：sales ---------------------- | Column Name | Type | ---------------------- | sale_id | int | | product_id | int | | sale_date | date | | quantity | int | | price | decimal | -…...

编程新知 2025/10/5 19:58:27

AI编程--插件对比分析：CodeRider、GitHub Copilot及其他

AI编程插件对比分析：CodeRider、GitHub Copilot及其他随着人工智能技术的快速发展，AI编程插件已成为提升开发者生产力的重要工具。CodeRider和GitHub Copilot作为市场上的领先者，分别以其独特的特性和生态系统吸引了大量开发者。本文将从功…...

编程新知 2025/7/6 18:33:10

Java入门学习详细版（一）

大家好，Java 学习是一个系统学习的过程，核心原则就是“理论实践坚持”，并且需循序渐进，不可过于着急，本篇文章推出的这份详细入门学习资料将带大家从零基础开始，逐步掌握 Java 的核心概念和编程技能。 …...

编程新知 2025/7/27 0:21:52