# CSS浮动学习笔记
CSS浮动学习笔记什么是CSS浮动？CSS浮动（float）最初用于实现“文字环绕图片”的效果。可用于实现基本的网页布局，但需要配合清除浮动技术。浮动的特性float 属性：使元素脱离标准文档流，向左或向右浮动。属性值：left：元素向左浮动。right：元素向右浮动。none：元素不浮动（默认值）。示例代码：img { float: left; margi...
结果
30 条HTML补充及总结学习笔记
HTML补充及总结学习笔记 HTML5语义化 语义化概念 无语义标签：<div> 和 <span>，用于分隔和组合内容，但无语义。 语义化标签：具有明确的语义，便于机器和开发者理解。 为什么要使用语义化标签？ 对于人类： 代码更易维护和理解。 即使无样式，仍能呈现清晰的结构。 对于搜索引擎： 提高SEO优化效果。 有助于屏幕阅读器支持，提高无障碍性。 HTM...
mysql重装系统后如何恢复
前言： 最近因为一些原因重装了电脑，好在大部分软件都装在D盘。但在需要使用数据库时，发现 MySQL 服务消失了，考虑到数据库里还有一些数据，不想通过卸载重装来解决。于是这篇文章就诞生了，分享一个不用重装 MySQL 也能让它恢复正常使用的方法！ 我的 MySQL 安装路径如下：D:\Environment\MySQL\MySQL Server 8.0。 以...
CSS 层叠样式表学习笔记
CSS 层叠样式表学习笔记 CSS概述 CSS (Cascading Style Sheets)：层叠样式表，用于美化网页。 内容与表现分离：通过CSS定义HTML元素的显示方式。 CSS发展历史 1994年：首次提出CSS概念。 1996年：CSS1 发布。 1998年：CSS2 发布。 2011年：CSS2.1 修正版本。 CSS3：模块化标准，目前常用...
HTML表格与框架学习笔记
HTML表格与框架学习笔记 HTML表格 表格基础 HTML表格使用<table>标签定义。 每个表格由行<tr>组成，每行包含一个或多个单元格<td>。 表头使用<th>标签表示，默认加粗且居中。 示例代码： <table> <tr> <th>姓名</th> <th>成绩</th> </tr> <tr> <td>张三</td> <td>98</td> </...
# CSS盒子模型学习笔记
CSS盒子模型学习笔记什么是CSS盒子模型？CSS盒子模型是网页布局的核心概念之一，每个HTML元素都被看作一个矩形盒子，由以下几个部分组成：内容区域 (content)：元素的实际内容。内边距 (padding)：内容与边框之间的间隔。边框 (border)：环绕内边距和内容的边框。外边距 (margin)：元素与其他元素之间的距离。盒子模型的结构盒子的宽...
后端如何处理和接受前端上传的文件与图片。
文件上传 前端页面三要素 表单项type=“file 表单提交方式post 表单的enctype属性multipart/form-data 服务端接收文件 MultipartFile接受上传的文件 public Result upload(String username ， Integer age ， MultipartFile image) throws...
# CSS布局定位学习笔记
CSS布局定位学习笔记 标准文档流 标准文档流是HTML元素的默认排列方式。 块级元素：独占一行，可设置宽高与外边距。 行内元素：共享同一行，无法设置宽高。 行内块元素：与行内元素类似，但可以设置宽高。 常见元素示例： - 块级元素：div, p, h1-h6 - 行内元素：span, a, strong - 行内块元素：img, input, button...
CSS变量与函数的运用！
CSS变量和函数 一、var()：CSS变量的使用 var() 是 CSS 中用于调用 自定义属性（CSS变量） 的函数，类似于编程中的变量，能够让样式更加灵活和可维护。 1.基本语法 :root { --main-color: #008cba; /* 定义CSS变量 */ --font-size: 16px; } .box { background-col...
Lombok 解放双手实现自动化的类get，set和构造方法的构造。
Lombok (重要) Lombok 是一个 Java 库，用于简化 Java 类中的样板代码（如 getter、setter、toString、构造器等）的生成。通过 Lombok 的注解，可以自动生成这些代码，减少冗余，提高开发效率，代码也变得更简洁清晰。 Lombok 常用注解及其功能 @Getter / @Setter：自动生成 getter 和 s...