间距 组件css
CSS（六）CSS3新特性
圆角和阴影 圆角，使用 border-radius 可以给任何元素制作圆角 阴影，box-shadow 向框添加一个或多个阴影：box-shadow: h-shadow v-shadow blur color h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊距离 c ......
CSS（七）字体图标
经常会用到一些图片，但是我们在使用这些图片时，往往会遇到失真的情况，而且图片数量多的话，页面加载很慢，所以我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。常用资源 [阿里字体图标库][https://www.iconfont.cn/] 优点： 轻量，加载速度快， ......
CSS（五）脱离文档流
脱离文档流 标准文档流导致： 高矮不齐，底边对齐 空白折叠现象 很多空格，都会折叠会一个空格 img标签有缝隙 脱离文档流：使一个元素脱离标准文档流有三种方式： 浮动 绝对定位 固定定位 浮动 增加浮动 增加一个浮层来放置内容。可以理解为有两层页面，一层为原页面，一层为脱离文档流的浮层页面，所以会出 ......
CSS（四）盒子模型
盒子模型box model CSS盒子模型本质上是一个盒子，封装周围的HTML元素。它包括： margin（外边距）、border（边框）、padding（内边距）、content（内容） 弹性盒子模型flex box felx box是CSS3的一种新的布局模式。是为了让页面适应不同的屏幕大小和设 ......
CSS选择器
CSS选择器，发现很多都忘记了。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 CSS选择器笔记 阮一峰 整理 参考网址：456 Berea Street 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器，匹配任何元素 2. E 标签选择器，匹配所有使用E标签 ......
图形组件
ClassNameWithout DefaultName name Type Category Priority AllowInXRC Reg( L"Gui_AngularMeter", L"AngularMeter", L"刻度器", mui_TWidget, L"扩展", 100 ); Reg( ......
CSS学习笔记2-CSS的继承_层叠_类型和CSS盒子模型
# 1 CSS属性继承 CSS的某些属性具有继承性(Inherited): 如果一个属性具备继承性, 那么在该元素上设置后, 它的后代元素都可以继承这个属性; 当然, 如果后代元素自己有设置该属性, 那么优先使用后代元素自己的属性(不管继承过来的属性权重多高); ......
HTML+CSS+JavaScript基础
1、HTML(Hypertext Markup Language，超文本标记语言), 用来向浏览器说明内容的结构、 2、DOM(Document Object Model, 文档对象模型)指的是HTML标签的层次结构。每一对HTML标签（有的时候是一个标签）都是一个元素。 3、CSS(Cascadi ......
2.1 Prometheus组件
Prometheus的基本架构： Prometheus Server Prometheus Server是Prometheus监控系统的核心组件之一，它负责采集、存储和管理指标数据，并提供查询和报警功能。 以下是一些Prometheus Server的关键特性和功能： 1. 数据采集：Prometh ......
Android各组件/控件间通信利器之EventBus
来源：https://www.cnblogs.com/lwbqqyumidi/p/4041455.html一、build.gradle 中 dependencies节 增加配置 api 'org.greenrobot:eventbus:3.0.0'二、注册EventBus，一般放到onCreate里 ......
css中transform具体使用，及场景
CSS transform 属性用于改变元素的形状、大小和位置，以及创建各种动画效果。以下是 transform 常用的一些属性及其使用场景： 1.translatetranslate 属性用于移动元素的位置。它可以接受一个或两个参数，分别表示横向和纵向的偏移量。 ```css / 在x轴上向右移动 ......
Vue学习-组件
组件也相当于一个自定义标签，下面是一个自定义标签的一个例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <dait ......
css学习(二)
## css盒子模型 ### 认识盒子模型 我们可以把HTML每一个元素看出一个个的盒子.具备如图四个属性 
### css引入 1. 内联样式 ```css 我是div元素 ``` 2.内部样式 ```css ``` 3. 外部样式 ```css /* 可以通过@import引入其他的css资源 */ @import url(./style.css); @import url(./test.css); . ......
css添加背景图片
方法一： ``` ``` 方法二： ``` style="background: url(lib/login.png); background-size: 100% 100%; background-attachment: fixed" ``` ......
什么是组件？
在软件开发中，组件（Component）是指具有独立功能和可重用性的模块化单元。它可以是一个软件系统的一部分，也可以是一个独立的软件单元。组件的设计目标是使系统更易于开发、测试、维护和扩展。 组件具有以下特点： 1. 独立性：组件是一个独立的实体，可以在不影响其他组件的情况下进行开发、部署、维护和替 ......
Vue：组件拖拽
##vue-drag-resize组件拖拽库 [vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize.git) 支持拖拽和缩放两个大动作，轻量级，无依赖，功能扎实，适合需要缩放的应用场景。 无依赖，轻量级 操作可联动 支 ......
Vue封装组件并发布到npm仓库
# 前言 使用Vue框架进行开发，组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用，甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用，比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同，开发人员还是得必须封装自己得组件，如果换了一个项目， ......
2023-07-01 css之邮票锯齿
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
CSS中几种定位的简单描述与对比
静态定位(static): position属性的默认值为static，会忽略 top, bottom, left, right 或者 z-index 声明。 相对定位(relative)与绝对定位(absolute): 相对定位偏移参考元素是元素本身，而绝对定位以父辈元素中最近的定位元素为参考坐标 ......
前端Vue自定义勾选协议组件 可用于登录 注册等场景
#### 前端Vue自定义勾选协议组件， 可用于登录 注册等场景， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13299 #### 效果图如下：  - Gitee源代码仓库：[https://gitee.com/obullxl/sequence-jdbc](https://gitee.com/obull ......
SpringCloud常见组件有哪些？
SpringCloud包含的组件很多，有很多功能是重复的。其中最常用组件包括： •注册中心组件：Eureka、Nacos等 •负载均衡组件：Ribbon •远程调用组件：OpenFeign •网关组件：Zuul、Gateway •服务保护组件：Hystrix、Sentinel •服务配置管理组件：S ......
CSS：z-index属性
如果**父 div 元素设置了 z-index:** 100 属性， 子 div 元素的行为将取决于其自身的 z-index 值和定位方式。 **子 div 元素没有显式设置 z-index：** 如果子 div 元素没有设置 position 属性，或者设置为 static，则子元素的层叠顺序将继 ......
css垂直居中
案例如下： .parent{ width:500px; height:500px; background-color: #ccc; } .child{ background-color: red; color:#fff; width:100px; height:50px; } <div class= ......
CSS
# CSS ## 1. 规则 ```html h1 { width: 600px; heigh: 1200px; margin: auto; } ``` ## 2. 样式类型 ```html 非顶级程序员 ``` ## 3. 选择器 - **定义内部样式，当前页面所有h2标签生效** ```html ......
O2OA(翱途)开发平台如何在流程表单中使用基于Vue的ElementUI组件?
本文主要介绍如何在O2OA中进行审批流程表单或者工作流表单设计，O2OA主要采用拖拽可视化开发的方式完成流程表单的设计和配置，不需要过多的代码编写，业务人员可以直接进行修改操作。 在流程表单设计界面，可以在左边的工具栏找到ElementUI组件。 将对应的组件拖动到表单设计区域就可以创建组件了。下面 ......
Spring boot 配置优先级,bean管理,SpringBoot原理，起步依赖，自动配置，组件扫描，SSM 使用 总结
Spring boot 原理 总结 一。 配置优先级 01.properties、yaml、yml三种配置文件，优先级最高的是properties 配置文件优先级排名（从高到低）： 1. properties配置文件 2. yml配置文件 3. yaml配置文件 02.除了以上3种配置文件外，Spr ......
HTML以及CSS介绍
HTML介绍 HTML（超文本标记语言）是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式，定义了元素的显示和组织方式。 HTML文档由一系列用尖括号（< >）括起来的标签组成。标签用于定义文档中的不同元素及其属性。以下是一个基本的HTML结构示例： <!DOCTYPE html> ......