属性 动画css3 css
css控制table首列固定内容滚动
table tbody { display: block; height: 500px; overflow-y: scroll; } table thead, tbody tr { display: table; width: 100%; table-layout: fixed; box-sizin ......
利用CSS 实现环形百分比进度展示
先看效果图： UI设计了这样的效果，已读人数占总人数的百分比，环形展示。 这里可以用echarts图表，也可以用css实现，因为我是在小程序环境下，考虑到包大小体积，采用了css实现。 核心就是一行代码： background-image:conic-gradient( #e9e9e9 30deg, ......
html标签,属性，基本结构
一、认识标签 1标签有双标签和单标签 双标签:<marquue></marquue> 单标签:<input> 二、认识属性 1.loop属性：用来定义标签 2. 特殊属性值：没有属性值，只有名 三、基本结构 1.在网页，右键检查按钮，就可以查看某段结构的具体代码 2.基本结构 <html> <hea ......
将CSS应用于字符的一半是否可能？
内容来自 DOC https://q.houxu6.top/?s=将CSS应用于字符的一半是否可能？ 我正在寻找的： 一种样式化字符一半的方法。（在这种情况下，字母的一半是透明的） 我目前搜索过并尝试过的（但没有成功）： 用于样式化字符/字母的方法 使用CSS或JavaScript样式化字符的一部分 ......
css 文字一行显示
要强制将文本内容显示在一行中，可以使用CSS的 white-space 属性和 overflow 属性来实现。 首先，将 white-space 属性设置为 nowrap，这样文本内容就不会换行。然后，将 overflow 属性设置为 hidden，这样超出一行的内容就会被隐藏起来。 以下是示例代码 ......
关于 Angular 应用的 ng-version 属性
在 Angular 框架中，ng-version 是一个特性属性，它出现在 Angular 应用的根组件（通常是 app-root）的 HTML 元素上。这个特性的值代表的是当前应用所使用的 Angular 版本。例如，ng-version="15.2.10" 表示当前应用使用的 Angular 版 ......
python面向对象-学习笔记（五、属性相关的补充）
私有化属性 注意 python并没有真正支持私有化，但是可以使用下划线完成伪私有的效果 类属性（方法）和实例属性（方法）遵循相同的规则 公有属性a 在类的内部 可以访问 在子类的内部 可以访问 在模块其他地方 类的属性 可以访问 子类的属性 可以访问 类的实例的属性 可以访问 子类的实例的属性 可以 ......
python面向对象-学习笔记（二、类&对象的属性）
如何定义一个类？ 创建类的格式 class 类名: pass 怎么通过类，创建出一个对象？ 创建类，并实例化对象 class Money: pass one = Money() # 打印类 print(Money) # 打印类的实例 print(one) 类的别名和打印类的名称 class Mone ......
CSS 动画
1.1 过渡 transition transition: background-size 2s cubic-bezier(0, .98, .33, 1.1); steps()函数可以配合使用 steps(5, end) 1.2 变形 transform 1.2.1 旋转 rotate()函数可以配 ......
css 多列布局
1.1 多列布局 这里感谢小甲鱼，毕竟编程是小甲鱼带入坑了 鱼C-Web-CSS-速查 1.1.1 column-count 定义： column-count属性指定某个元素应分为的列数。 column-count: number|auto; 值 说明 number 列的最佳数目将其中的元素的内容无 ......
【转】CSS重置文档/reset.css
前言 reset.css文档就是一个普通的层叠样式表文档，就是css文档，一个网站一般会用三种css文档来设定网站的样式。重置样式(reset.css)(重置默认的css样式)；公共样式 (common.css)(一系列页面共用共享的样式，如：头部底部样式)；独立样式(每个页面单独使用的样式，如in ......
css图片宽高不同，缩放图片，保持宽高，注意最外层的盒子要用display:inline-flex
<div class="product"> <Popover placement="right"> <template #content> <div class="w-[200px] h-[200px]"> <img :src="record?.mainImages?.[0]?.url" class ......
用html 加css 绘制表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 头部样式定义 */ .header { padding-bottom: 10px; /* 设置头部的下内边距 ......
Echarts 所有属性设置
option下可以用的属性 1. backgroundColor:"#003366" (全局默认背景颜色);2. color: ['#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed','#ff69b4', '#ba55d3', '#cd5c5c' ......
json 对象属性的输出顺序测试，fastJson 有序，jackson,gson无序（需代码中人工按约定来编码）接口数据签名规则
json 对象属性的输出顺序测试，fastJson 有序，jackson,gson无序（需代码中人工按约定来编码）接口数据签名规则 fastJson会根据对象的字段的首字母来排序。而jackson,gson是根据对象的类中定义的属性的代码中的先后顺序输出。不会排序。 针对业务场景需要对接口中对象存在 ......
计算机图形：动画
目录基本概念动画的光栅方法双缓存用光栅操作生成动画动画序列的设计传统动画技术计算机动画语言关键帧系统变形模拟加速度OpenGL动画函数 基本概念 计算机动画（computer animation）：场景中任何随时间而发生的视觉变化。 计算机生成的动画，通过几何变换改变对象位置、大小，随时间改变颜色、 ......
ArcMap属性表出现乱码情况的解决
本文介绍ArcMap软件打开图层的属性表后，出现字段中汉字乱码情况的解决方法。 有时在使用ArcMap软件时，会发现一些图层的属性表中，原本应该是中文的字段却出现乱码的情况；如下图所示，其中NAME99一栏应该是图层中各个要素对应的汉语名称，但却出现了数字、符号等乱码。 针对这一情况，我们可以通过修 ......
css--重绘和回流
重绘(paint) : 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不影响布局的，比如background-color，则称为重绘。 回流(layout)： 当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这 ......
css 居中
absolute 绝对定位来居中 先让元素左上角居中 top: 50%; left: 50%; 再根据容器的大小来设置外边距偏移量 width: 800px; height: 500px; margin-left: -400px; margin-top: -250px; 拓展：过渡玩法： backg ......
记录--仿加入购物车飞入动画效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 近期对管理后台相关功能进行优化，其中导出功能涉及到查询数据过多导致查询很慢问题，决定采用点击后加入到下载中心方式，既解决了接口慢等待问题，也方便后期各种文件的重复下载，一举多得~ 功能上很好实现，调接口就可以了，主要涉及到一个小球飞入效果 ......
delphi 运行时动态设置控件（类）属性值
运行时动态设置控件（类）属性值 代码 运行时根据控件名称设置Alignment属性值 uses System.Rtti; procedure TForm1.Button1Click(Sender: TObject); var vComponent: TComponent; vRttiCtx: TRt ......
CSS色域、色彩空间、CSS Color 4新标准
引言 近期，三大主流浏览器引擎均发布最新版本，支持W3C的CSS Color 4标准，包含新的取色方法color()和相应语法，可展示更多的色域及色彩空间，这意味着web端能展示更丰富更高清的色彩。虽然目前只有最新版本的现代浏览器才支持，我们可以先提前了解一下这项新标准。 本文首先会先简单介绍几个色 ......
display 属性为 table-row 的元素中调整子元素的高度占比
初始状态效果和代码大致意思如下，业务上需要让TEST1占满td的全部高度 原始 期望 <tr style="display: table-row; background-color: lightgray;"> <td style="display: table-cell; width: 50px;" ......
2023-10-26 hexo部署到GitHub时css样式不生效 ==》 css文件链接被识别为不安全链接，导致无法生效
hexo d一键部署后查看效果发现博客页面的样式全丢失了，查看控制台发现了端倪： Mixed Content: The page at 'https://xxx.github.io/' was loaded over HTTPS, but requested an insecure styleshe ......
主题 CSS 魔改版
（Markdown 格式贴近 Typora 的显示样式） .blogpost-body blockquote { background-image: none; border-left: 5px solid #e2dfdf; border-right: none; border-top: none; ......
css：transition tab切换 动态滑动效果
<template> <view class="tab"> <view class="item" :class="{'ac':active == 1}" @click="active = 1">item1</view> <view class="item" :class="{'ac':active ......
Vue3 computed 计算属性函数使用
Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。 1. 基本使用：只读 <template> <div> <div>计算属性</div> ......
Hibernate 6 调整字段生成顺序（按类属性顺序）
升级Hibernate到版本6之后，原本修改字段生成顺序的方法失效了，需要更改另一个类。 Hibernate 5 修改org.hibernate.cfg下的PropertyContainer类，将其中的TreeMap改为linkedHashMap。 Hibernate 6 此处使用的使6.2.9 修 ......
Numpy数组属性
ndarray是numpy的数组类，[[Numpy数组创建|创建方法]] ndarray.dtype ndarray.dtype：数组中元素类型。例如数组a的数据类型为int64，如果使用了32 位的 Python，得到的结果可能为int32。创建一个2维数组，查看其dtype属性。 程序如下： i ......
js中使用css变量（vue）
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......