- 博客(33)
- 收藏
- 关注
RSS订阅原创 CSS布局方式——弹性盒子（flex）
并不好解决问题，所以我们可以将多行元素看成多个子弹性盒子，这些子弹性盒子看成整体外面套父弹性盒子，先有外层弹性盒子控制内层弹性盒子对齐方式，再由内层弹性盒子，控制里面的弹性元素。属性是flex-grow, flex-shrink 和 flex-basis的简写，column-reverse 主轴是垂直方向，起点在下，侧轴是水平方向，起点在上。row-reverse 主轴是水平方向，起点在右，侧轴是垂直方向，起点在下。弹性盒子是一种布局方式，通过父元素去控制子元素，先给父元素开启弹性盒子，
2026-01-09 20:21:40
901
原创 CSS——背景样式以及雪碧图、渐变
在之前的学习中我们已经知道如何设置背景颜色即——现在我们有这样的需求：将一张图片设置为盒子的背景。此时分两种情况：1、背景图片比盒子大2、背景图片比盒子小情况1、如果图片大于盒子，默认显示图片的左上角: url(./img/大图2.webp);情况2、如果图片小于盒子，默认横向纵向铺满图片: url(./img/小图.webp);可以看到图片默认被填充满整个页面，大概填充了四五个这样现在我就想要这个盒子里只显示这一张图可选值：repeat 默认值，重复no-repeat 不重复。
2026-01-07 14:36:29
1234
原创 CSS布局方式——定位
定位：高级的布局方式，可以让任何一个元素放在任意位置position:;可选值：不开定位： static 默认值开启定位： relative 相对定位absolute 绝对定位fixed 固定定位sticky 粘滞定位。
2025-12-31 16:59:32
888
原创 CSS盒模型布局规则
浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的margin和padding，而它的这些默认样式，正常情况下我们是不需要使用的。2、如果给width（默认就是子元素内容区宽度）设置auto，由于它的优先级最高，不管其它值有没有设置auto，都是给它调整大小。相加，必须等于其父元素内容区的宽度，如果不相等，浏览器就会强制调整7个值中某些值（margin、width），实现全等。一般情况下，我们是不给外层框架，设置固定高度，让其被内容撑开，随着子元素的变化而变化。
2025-12-26 15:01:13
1060
原创 CSS文档流与盒模型
原理：设置边框宽度后，边框并不是矩形，而是梯形，将内容区设为0，则边框变成四个三角形组成的正方形，此时将bottom，left，right设为透明色（transparent）即可显示一个朝下的三角形width: 0px;*/*/
2025-12-25 16:12:22
962
原创 CSS文本样式
数值 例如：2，3，1.5，是当前文字大小的倍数，没有就继承祖先元素。h-shadow ：阴影的水平移动距离，正值向右移动，负值向左移动,必写。h-shadow ：阴影的水平移动距离，正值向右移动，负值向左移动,必写。v-shadow 阴影的垂直移动距离，正值向下移动，负值向上移动,必写。注意：设置前提，必须有可以移动的空间，行内元素来说，它是被撑开的，无法设置大小，空白会被浏览器忽略。blur 阴影的模糊半径，值越大，越模糊，可不写，默认是0。blur 阴影的模糊半径，值越大，越模糊，可不写，默认是0。
2025-12-24 15:17:18
1098
原创 CSS继承，优先级以及字体样式
用取色器（直接来到截屏模式），将箭头对准你要的色号，按它的提示复制色号，注意给你的颜色的形式，可能是rgb的，也可能是十六进制的。原理和上边RGB原理一样也是用红，绿，蓝，0-255之间的值，勾兑一个颜色，只不过用16进制的方式表示0-255之间的数字。常用的十六进制颜色：#f00,#00f,#0f0,#f60,#eee,#ccc,#333,#000,#fff。样式冲突 通过不同的选择器选中同一个元素，进行一样的样式设定，发生样式冲突时，应用哪一个样式由选择器的。
2025-12-23 16:48:01
1623
原创 CSS复合、关系、属性、伪类、伪元素选择器
title的默认背景色为粉色，.title:active伪类在激活时将文字变成白色，.a1:hover伪类在悬停时文字变为黑色，.a1:active伪类在激活时背景变成粉色。作用：通过祖先元素选中所有后代元素（会检索嵌套在别的标签里的后代元素）[属性名^=属性值]{} 选择属性值以指定值开头的元素。[属性名=属性值]{} 选择含有指定属性和属性值的元素。[属性名$=属性值]{} 选择属性值以指定值结尾的元素。特殊值： n 所有的。[属性名*=属性值]{} 选择属性值含有某值的元素。
2025-12-22 16:42:08
1437
原创 HTML行内块标签——img、表单、音视频标签（补充表格）
input默认有type和value两个属性，还有可添加属性name、id、placeholder、checked、disabled、readonly。-- option和select是搭配使用的，表示下拉框里可选择的内容，这里的selected表示默认选中下拉框里的一项。submit 提交 将数据收集提交到服务器，配合value值修改按钮名字，默认值“提交”特点：1、兼具块标签和行内标签的特点，不会独占一行，可以设置宽高。这里的value值是提交给服务器的，而xxx是给用户看而进行选择的。
2025-12-18 16:10:45
928
原创 HTML常用行内标签
例如：百度的网址，无论在哪个文件，地址永远是https://www.baidu.com。语义：em和strong标签都有强调的语义，em是语气语调的强调，strong是内容的强调。b标签和strong标签都有加粗的默认样式，b标签没有语义，strong标签有强调的语义，i标签和em标签都有斜体的默认样式，i标签没有语义，em标签有强调的语义，你要跳转的文件跟超链接所在的文件在不同一个目录下，../跳出当前的文件夹，em是斜体强调，强调语音语调，strong是加粗强调，强调内容的重要性。
2025-12-17 15:29:16
793
原创 HTML常用块标签和三种列表
用dl创建列表，dt表示下定义（小标题），dd表示对定义内容补充默认样式：dl上下有16像素的外边距 dd左侧有40像素的外边距。
2025-12-16 15:52:05
1097
原创 HTML初相识
学习html，我们要先下载代码编辑器，目前使用较多的软件为HBuilderX,以及VS Code等。在接下来的学习中我们使用VS Code来进行学习。常用快捷键1、shift+!:快速生成网页开发结构（英文状态下）回车后即可出现如图代码，我们称之为“网页开发结构”常用快捷键2、ctrl+/：生成注释，一些与代码无关的内容写在注释里不会对编译造成影响。
2025-12-15 16:57:23
1315
1
原创 MySQL数据库管理与维护——续
例如，SELECT权限级别指SELECT权限可以被授予到全局（任意数据库下的任意内容）、数据库（指定数据库下的任意内容）、表（指定数据库下的指定数据表）、列（指定数据库下的指定数据表中的指定字段）。在实际项目开发中，为保证数据的安全，数据库管理员需要为不同层级的操作人员分配不同的权限，限制登录MySQL服务器的用户只能在其权限范围内操作。技术人员在使用ems_test用户测试系统时，需要为ems_test用户授予数据库ems的员工表的SELECT权限，以及对empno和ename字段的插入权限，
2025-12-07 23:01:53
1274
原创 MySQL数据库的管理与维护
它包含的数据表有user、db、host等，其中user表保存了所有用户信息，用户信息包含了允许连接到服务器的账号信息以及一些全局级的权限信息，全局级的权限适用于给定服务器中的所有数据库。为了确保数据的安全，需要定期对数据库中的数据进行备份，这样当遇到数据库中数据丢失或出错的情况时，就可以讲数据进行还原，从而最大限度的降低损失。user表的资源控制字段包含以max_开头的4个字段，这些字段用于限制用户对服务器资源的使用，防止用户登录服务器后的不法操作或不合规范的操作，导致服务器资源的浪费。
2025-12-06 22:36:06
1062
原创 MySQL游标和触发器
DECLARE游标名称 CURSON FOR SELECT语句特点：游标名称必须唯一，因为在存储过程和函数中可以存储多个游标，而游标名就是区分不同游标的唯一标志。另外SELECT语句中不能含有INTO关键字。需要注意的是，变量、错误触发条件、错误处理程序和游标都是通过DECLARE定义的，但他们的定义是有先后顺序要求的。变量和错误触发条件必须在最前面声明，然后是游标的声明，最后才是错误处理程序的声明。
2025-12-05 20:53:27
1279
原创 MySQL流程控制语句
上述语法中，当条件表达式1的结果为真时执行THEN子句后面的语句列表，如果表达式1为假，则继续判断条件表达式2，如果条件表达式2为真，则执行对应的THEN子句后面的语句列表，以此类推；这种主要就是说，case后面跟一个条件表达式，如果when子句里的值和条件表达式值相等就执行后面的语句列表，如果都不相等，就执行else后面的语句列表。这种就是看WHEN后面条件表达式的结果，为真执行后面的THEN子句的语句列表，当所有的条件表达式都不为真时，执行ELSE后面的语句。CASE语句的语法格式有两种，具体如下。
2025-12-04 21:01:05
1054
原创 MySQL——变量
系统变量又分为全局（GLOBAL）变量和会话（SESSION）变量，其中全局变量指的是MySQL系统内部定义的变量，对所有MySQL客户端都有效。在上述执行结果中，查询到两个变量名以auto_inc开头的系统变量，auto_increment_increment表示自增字段每次递增的量，auto_increment_offset表示自增字段从哪个数开始。用户变量指的是用户自己定义的变量，它和连接有关，即用户变量仅对当前用户使用的客户端生效，不能被其他客户端看到和使用。-- 此时查看的结果还是修改前的数据。
2025-12-03 20:59:49
1065
原创 MySQL存储过程与存储函数
routine：表示存储过程中的过程体，是包含在存储过程中有效的SQL例程语句，以BEGIN表示过程体的开始，以END表示过程体的结束。func_ename(emp_name VARCHAR(50))-- 定义函数关键字FUNCTION,给函数起个名func_name，参数名emp_name,参数类型varchar。上述语法格式中，存储过程的参数是可选的，使用参数时，如果参数有多个，参数之间使用逗号隔分隔。OUT：表示输出参数，初始值为NULL，它是将存储过程中的值保存到OUT指定的参数中，返回给调用者。
2025-12-02 22:18:57
832
原创 MySQL——事务
需要注意的是，事务的持久性不能做到百分之百的持久（比如电商交易记录保存两年即可看做满足持久性），只能从事务本身的角度来保证永久性，如果一些外部原因导致数据库发生故障（如硬盘损坏），那么所有提交的数据可能都会丢失。-- 需要注意的是，ROLLBACK语句只能针对未提交的事务执行回滚操作，已提交的事务不能回滚。MySQL中的事务默认是自动提交，可以通过更改AUTOCOMMIT的值来更改是否自动提交，其中1表示开启自动提交，0表示关闭自动提交。执行这条语句后，用户需要手动执行提交操作，事务才会提交。
2025-12-01 16:33:33
1115
原创 MySQL基础查询一览
- IN后面是一个集合，等于里面的数据（一条数据时可用'=' 多条数据必须用IN）其中 “_”匹配任意一个字母，5个“_”表示5个任意字母。当想查询姓名中包含a字母的学生时就需要使用模糊查询了。2.4查询学号为S_1001，S_1002，S_1003的记录。3.2查询姓名由5个字母构成，并且第5个字母为“i”的学生记录。3.4查询姓名中包含“a”字母的学生记录。3.1查询姓名由5个字母构成的学生记录。
2025-11-29 21:57:10
755
原创 MySQL索引与视图
全文索引和SQL中给的LIKE模糊查询类似，不同的是LIKE模糊查询适用于在内容较少的文本中进行模糊匹配，全文检索更擅长在大量的文本中进行数据检索。在实际开发中，有时候为了保障数据的安全性和提高查询效率，希望创建一个只包含指定字段数据的虚拟表给用户使用，此时可以使用视图。在数据库查询数据时，默认是对全表的数据进行扫描，在项目开发中，MySQL的一张表可能就有千万条数据，多张表组合甚至有上亿条数据。创建一个新的视图覆盖旧的视图。，并且在创建和维护索引时，其消耗的时间是随着数据量的增加而增加的。
2025-11-28 17:34:39
1354
原创 多表查询——子查询（重要！）
例、在 tb_score 里，同一学生如果同时选了课程 3-105（计算机导论）和课程 3-245（操作系统），请列出这些学生的学号 sno3-105 的成绩 score_105、3-245 的成绩 score_245。上一篇文章我们说完了 合并结果集、直接连接、内连接、外连接、左外、右外连接以及自然连接，紧接着后面我们这篇博文来介绍。，先过滤非最高成绩，通过子查询嵌套自连接，通过tb_score就可以求出来（因为是’自己‘和‘自己’比的问题）1、where后，作为被查询的条件的一部分，子查询结果一般为。
2025-11-27 20:27:58
1042
原创 MySQL多表查询（非常重要！）
我们很容易看到，在1001甘宁这个人他的deptno是20，可是他对应的dept表中deptno有10、20、30，这三个中我们想要的一定是两张表的deptno相等的20，这是我们需要的有效数据。需要注意的是：使用自然连接查询出的记录，会将其找出的条件放在第一列，如上图的deptno，而且会将这一列去重，可以参考上面普通内连接的deptno在表中有两列。现在回看左外连接的查询结果，你是否发现并没有deptno为40的记录并没有出现，所以要注意外连接的特点是查询出的结果存在。接下来我们接着引入外连接的概念。
2025-11-26 13:48:15
1010
原创 MySQL数据完整性的方法
假设这么一个情况，如果在插入数据库记录的时候不小心插入了一条重复数据，那么在sum的时候就会和我们真实的数据不相符。默认值在满足一定条件下好用，比如男校、女校，即表格中某些列数据高度相似，再insert时，也可省略default列的数据，default的值是可以改的，并不是说不可以有特例。truncate是非常暴力的，它相当于把我们的student05的表直接删除，然后再帮我们建一张。实体的含义：即表中的一行（一个记录），代表一个实体（entity）无符号数（UNSIGNED）即只能填大于等于的0的数字。
2025-11-24 21:01:59
1892
原创 Mysql分组查询、having子句、LIMIT
3、WHERE是对分组前记录的条件，如果某行记录没有满足WHERE子句的条件，那么这行记录不会参加分组；SELECT deptno AS '部门编号' ,COUNT(*) AS '工资大于1400的人数' FROM emp。2、having后面可以使用分组函数(统计函数),where后面不可以使用分组函数，where里面不可以放聚合函数。SELECT deptno AS '部门编号' ,SUM(sal) AS '大于9000部门工资和' FROM emp。-- 2即从第三条数据开始查询，直到12。
2025-11-23 20:55:48
409
原创 MySQL高级函数与聚合函数一览
5、NULLIF(expr1, expr2)：比较两个字符串，如果字符串 expr1 与 expr2 相等 返回 NULL，否则返回 expr1。#4、ISNULL(expression)：判断表达式是否为 NULL ，为NULL返回TRUE(1) 不为NULL返回FALSE（0）#4、IFNULL(v1,v2)：如果 v1 的值不为 NULL，则返回 v1，否则返回 v2。SUM()：计算指定列的数值和，如果指定列类型不是数值类型，那么计算结果为0。#6、VERSION()：返回数据库的版本号。
2025-11-23 14:23:34
504
原创 常用MySQL日期函数大全
1-3月返回1，4-6月返回2，7-9月返回3，10-12月返回4。('2025-11-21 08:41:21','2:10:12') '加上2小时10分钟12秒后的时间';-- 此时后两个参数相加，时间进1。
2025-11-21 19:46:11
1143
原创 常用的MySQL数字函数一览
(sal) '发薪水的人数' FROM emp;-- 14 返回查询的记录总数，expression 参数是一个字段或者 * 号,注意：统计的是列中不为NULL的数据总数。-- 8返回离 x 最近的整数，可选参数 y 表示要四舍五入的小数位数，如果省略，则返回整数。(sal) '发放的薪水总数' FROM emp;(10,30,-15,90,55) '最小值';(10,30,-15,90,55) '最大值';(comm) '有佣金的人数' FROM emp;--5返回小于或等于 x 的最大整数。
2025-11-21 14:20:30
392
1
原创 常用的MySQL字符串函数一览
(' adc bjk ')) ‘去除字符串结尾空格并输出字符串数量12’;('abc',10,'jk') ‘填充后的字符串’;('abc',10,'jk') ‘填充后的字符串’;(' adc bjk ') ’去除字符串S开始处的空格’;('abcabcqwabc','a','A') '替换后的字符串';("ABC",'DEF','王五') AS ‘合并后的字符串’;
2025-11-20 21:46:57
1212
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人