- 2024-11-08用html实现软文推广页面
一、下载所需的基础文件二、解压文件并用vsc软件打开注:打开文件夹前最好把名字改成英文三、创建项目双击空白处创建一个以.html的文件，然后输入！再按Tab键四、结构分析1.标题分别使用<h1>和<h2>标签，其中h1表示一级标题，h2表示二级标题2.<h1>标签中应用了名称为“书法.t
- 2024-11-07QProgressBar样式表设置
progressBar->setStyleSheet("QProgressBar{min-width:280px;//最小宽度max-width:280px;//最大宽度max-height:15px;//最大高度background-color:white;//背景色border:1pxso
- 2024-11-01趣味！HTML&CSS 让小球在木棍上舞动起来
效果演示这段代码通过HTML和CSS创建了一个带有动画效果的小球在条状物上移动的场景，小球和条状物都有各自的动画，通过CSS动画和伪元素实现了较为生动的效果。HTML<divclass="bar"><divclass="ball"></div></div>bar：外层容器，代表一个条状物，可能是某种轨道或背景
- 2024-10-19CSS--固定定位
固定定位概念固定定位是绝对定位的子类别，一个设置固定定位的元素是相对于视窗固定的，就算页面文档发生了滚动，它也会一直待在相同的地方。固定定位代码添加：position:fixed水平方向：left right垂直方向：top bottom注：1.两个方向各选一个参数即可定位； 2.定
- 2024-10-15盒子的浮动
目录一、浮动1、脱离文档流（1）盒子浮动后，将脱离其原本位置，文档流后面的元素会自动递补其位置。如下图：（2）盒子浮动起来后，会生成一个与父盒等宽的浮层。编辑（3）左浮动：第一个设置左浮动的盒子浮至浮层，其它设置左浮动的盒子紧跟其后，从左到右排列，直到放不下才换行。 （4）右浮动：第一
- 2024-10-052024.10.4（周五）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>工资核算信息</title><style>/*整体页面布局和样式*/
- 2024-10-052024.10.7（周一）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>车间班组</title><style>/*整体页面布局和样式*/
- 2024-10-052024.9.30（周一）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>产品批次</title><style>/*整体页面布局和样式*/
- 2024-10-052024.10.2（周三）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>生产工序信息</title><style>/*整体页面布局和样式*/
- 2024-10-052024.10.1（周二）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>生产制令</title><style>/*整体页面布局和样式*/
- 2024-10-052024.10.3（周四）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>质量检验信息</title><style>/*整体页面布局和样式*/
- 2024-09-302024.9.26（周四）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>设备信息</title><style>/*整体页面布局和样式*/
- 2024-09-302024.9.25（周三）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>员工信息</title><style>/*整体页面布局和样式*/
- 2024-09-302024.9.27（周五）
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>物料信息</title><style>/*整体页面布局和样式*/
- 2024-09-23css使用上中下三种图设置背景图，上下两张高度位置固定，中间拉伸(background-size、background-position、backdrop-filter)
注意：此处计算需要使用calc，less的减法是在编译阶段不满足此处需求上下两张图高度为5px，位置紧贴上下边缘，中间背景图根据高度拉伸，并且增加模糊度background:url('./images/top.png')no-repeat,/*顶部图片*/url('./images/bottom.png')no-repeat,/*底部图片*/u
- 2024-09-20示例 25: 动态表单生成
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>DynamicForm</title>
- 2024-09-19示例 26: 用户反馈表单
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>UserFeedbackForm</tit
- 2024-09-17动态表单生成
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>DynamicForm</title>
- 2024-09-17示例 28: 联系我们页面
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>ContactUs</title>
- 2024-09-16示例 29: 个人简历页面
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Resume</title>&
- 2024-09-15示例 30: 图像画廊
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>ImageGallery</title>
- 2024-08-28CSS (border-radius应用) 笔记 08
border-radius: n1 n2 n3n4 /a1 a2 a3 a4 【n1-a1，n2-a2，n3-a3，n4-a4 分别表示上右下左顺序边角的椭圆边角，其中n代表水平，a代表垂直】e.g有趣的小水滴动画（应用）<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname=&qu
- 2024-07-10el-select改下拉箭头
:deep(.el-cascader){border-radius:6px;.el-input__wrapper{border:0;background:rgb(247,248,250);box-shadow:none;svg{display:none;}.el-input__icon:before{content:""
- 2024-07-10css3 box-shadow 浮雕风格按钮
利用box-shadow实现浮雕风格的按钮。HTML：<form><divclass="segment"><h1>Signup</h1></div><label><inputtype="text"placeholder="EmailAddress"/></label><labe
- 2024-06-06bootstrap.css-表单-登录案例
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><!--引入bootstrap.css样式--><linkrel="stylesheet"href="static/plugin