- 2024-07-08实现左右两端固定，中间自适应
flex布局点击查看代码.container{display:flex;/*启用Flexbox布局*/justify-content:space-between;/*使子元素两端对齐，中间的元素会自适应*/}.left-side,.right-side{/*左边和右边元素的样式*/width:100px;/*固定宽度*/background-color:
- 2024-07-07AI绘画常用prompt
常用promptPrompt：afemalecharacterwithlong,flowinghairthatappearstobemadeofethereal,swirlingpatternsresemblingtheNorthernLightsorAuroraBorealis.Thebackgroundisdominatedbydeepbluesandpurples,creatingamysteriousanddramati
- 2024-07-07前端随手记第三天
1.HTML<fieldset>name属性定义和用法：name属性规定fieldset的名称。name属性用于在JavaScript中引用元素，或者在表单提交之后引用表单数据。语法：<fieldsetname="text"> <!DOCTYPEhtml><html><head> <meta charset="utf-8"> <title>菜鸟教
- 2024-07-06IAP 2023 Day1
HTMLHTML是Hypertextmarkuplanguage(超文本标记语言),你可以理解为网页的结构。<!DOCTYPEhtml><html><head><title>ProfilePage</title><linkrel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta
- 2024-07-04css盒子模型
1.（内容）盒子组成盒⼦属性（Boxproperties）margin外边距border边框 padding的外边缘与margin的内边缘之间，默认值为0padding内间距 width&height内容区域宽⾼设置高度 因为父元素没有高度，所以他设置百分比时不能出现边框属性border-wi
- 2024-07-04原来逆水寒官网这样用CSS进行适配的
前言这段时间对逆水寒很是着迷，这不我又打开了它的官网，不得不说网易前端官网做的是真炫酷！！！同样是前端的开发者(自己还是小菜鸡罢了)，就不得不想扣扣官方的细节了，拿出我们老生常谈的问题—适配，官方做的很漂亮，窗口缩小不会影响页面内容位置的偏移，当我将窗口缩小的时候还会出现
- 2024-07-03html+JavaScript+css 24点计算器
源代码 采用穷举计算方法讲人话：根据四个数随机列算式，算出来是24就显示在列表里。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">&l
- 2024-07-03HTML页面如何保证背景图缩放大小一致
HTML页面如何保证背景图缩放大小一致在网页设计中，背景图是一个常见的元素，它可以为网页增添美感和视觉效果。然而，当用户在不同设备上访问网页时，由于屏幕尺寸和分辨率的不同，背景图的缩放大小可能会出现问题。本文将介绍如何使用HTML和CSS来保证背景图在不同设备上缩放大小一致。1.
- 2024-07-02web登陆注册页面留言框-连接服务器
一.成品展图二.前端代码 1.注册regist.html<!DOCTYPEhtml><html><head> <metacharset="utf-8"><title>注册</title><metacharset="utf-6"><linkrel="stylesheet"type="text/css"hr
- 2024-07-02Qt QTableView设置自适应行高、列宽、行样式
1、QTableView设置自适应行高ui->tableViewMonitor->verticalHeader()->setSectionResizeMode(QHeaderView::ResizeToContents);//自动设置行高2、QTableView设置自适应列宽ui->tableViewMonitor->horizontalHeader()->setSectionResizeMode(QHeaderView::ResizeToContents)
- 2024-07-01HTML5+CSS3集训（15）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><style>*{margin:0;padding:0;}.q1{border:1pxsolidblack;bac
- 2024-07-01【动画进阶】类 ChatGpt 多行文本打字效果
今天我们来学习一个有意思的多行文本输入打字效果，像是这样：这个效果其实本身并非特别困难，实现的方式也很多，在本文中，我们更多的会聚焦于整个多行打字效果最后的动态光标的实现。也就是如何在文本不断变长，在不确定行数的情况下，让文字的最末行右侧处，一直有一个不断闪烁的光标效果：
- 2024-07-01测试博客园皮肤
如何在博客园中修改皮肤博客园是一个提供给用户分享技术文章和知识的平台。许多用户希望自定义博客园的外观来反映自己的个性和风格。本文将详细说明如何在博客园中修改皮肤，包括添加黑色小猫、在右侧添加阅读目录、设置文章页面背景以及在最上方添加看板娘。一、前期准备1.登
- 2024-06-24CSS三种样式
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>/*内部样式*//*css注释*/div{background:orange;}/*类选择器
- 2024-06-22动态对角渐变色背景
动态对角渐变色背景前言：1.我并没有深入了解，难免出错一、效果图二、代码body{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400%400%;animation:gradient15seaseinfinite;}@keyframesgradient{
- 2024-06-21Android开发系列（六）Jetpack Compose之Box
Box是一个用来组合和控制子元素布局的组件。它可以在一个矩形区域内排列一个或多个子元素，并根据所提供的参数来控制它们的位置、大小和样式。 Box的功能类似传统的FrameLayout。 下面通过示例了解Box的使用方法，首先看一个最简单的示例，如下所示 这里定
- 2024-06-2114-vertical-aligin
01行盒的理解作用:将当前行里的所有内容包裹起来<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docu
- 2024-06-21YIA主题侧边栏如何添加3D旋转标签云？
WordPress站点侧边栏默认的标签云排版很一般，而3D旋转标签云就比较酷炫了。下面boke112百科就以YIA主题为例，跟大家说一说如何将默认的标签云修改成3D旋转标签云，具体步骤如下：1、点此下载3d标签云文件（密码：2917），解压后将3d.js文件上传到/wp-content/themes/yia/assets/js/文件夹内
- 2024-06-20jquery文本操作、样式属性操作、效果学习
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title>
- 2024-06-20Manifest V3 getBackgroundPage() 返回 undefined 或报错 You do not have a background page. 的巨坑
省流：无解了，老老实实 sendMessage罢这件事挺奇怪的，因为我看官方文档就是这么写的，也没什么特别说明，版本也是最新的，就挺奇怪的……在翻了一大圈，之后看到了这篇帖子：意思就是说，api已经不能用了，文档因为人手不够就没更新…… 此外还有一个 chrome.runtime.getBackgroundPage
- 2024-06-19个人课堂练习01
个人课堂练习013月15日今天进行了web端的政策查询的实现，借鉴了一些学长的一些代码，//policy*{ padding: 0; margin: 0; font-family: 'OpenSansLight'; letter-spacing:.05em; margin: 0 auto; text-align:center;
- 2024-06-19web实验1
1)编写index.jsp文件，展示某一类物品或知识的介绍，可以是歌曲、人物、名胜古迹等。要求至少有三个条目，用户登录后才能浏览这三个条目的内容。如果用户尚未登录，需要显示用户为“游客”，否则显示用户名。页面下端设置超链接，指向login.jsp。如果用户尚未登录，单击了某一条目的内容，则系统
- 2024-06-18CSS动画（个人资料卡片）
1.整体效果https://mmbiz.qpic.cn/sz_mmbiz_gif/EGZdlrTDJa63Oz8IaRI51Mw7mY02LHmnpXicG4icA3ERN1MVszMdNafsgV3xaVHLhMA6avquSJux4CLV8uggtfbw/640?wx_fmt=gif&from=appmsg&wxfrom=13今天呈现的不仅是一个个人介绍界面，而是一次交互式的视觉体验。精心编排的HTML与CSS
- 2024-06-18CSS学习笔记
一、盒子模型1.简介盒子模型是网页布局的基础，将页面中所有元素都看作是一个盒子，盒子都包含以下几个属性：width宽度height高度border边框padding内边距margin外边距2.盒子模型2.1border表示盒子的边框分为四个方向：上top、右right、下bottom、左leftborder-top
- 2024-06-17HTML和CSS基础知识（3）
一、标签显示模式（display） （一）、什么是标签显示模式 顾名思义就是标签以什么样的方式进行显示，比如div会自己显示一行，span一行可以显示多个，那如果我们想把div在一行内显示多个如何去做，那就需要用到display显示模式了。而display显示模式有以