样式 字体css
字体
高窄字体： 汉仪菱心体简 少儿字体： 汉仪晓波梦想家 W 方正少儿简体 书法字体： 华文行楷 华文隶书 华文新魏 粗书法字体： 站酷妙典风云体 倾斜粗体： 优设标题黑 英文粗体： DIN BlackAlternate ......
css: rainbow Border with gradient and radius
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device ......
创意无限：火星文和变异字体的魅力世界
在互联网的浩瀚星空里，火星文和变异字体如同璀璨的繁星，照亮了网络世界的角落。它们以独特的创意和视觉冲击力，吸引着无数网友的目光。让我们一起走进这个充满创意和想象力的世界，感受火星文和变异字体的无限魅力。 火星文生成器 | 一个覆盖广泛主题工具的高效在线平台(amd794.com) https://a ......
css3 loading特效
一个样式类，一个容器，无须额外元素： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Loading Animation</title> <style> #app { height: 100vh; displ ......
uniapp使用css的grid尽量两列列表的显示
先看列表的效果图，是一个2列内容显示的滚动列表 可以看到一行有2列，然后2列中边框的距离是30rpx，中间间距也是30rpx，所以可以通过设置css样式如下： .container { display: grid; grid-template-columns: repeat(auto-fill, c ......
thymeleaf如何引入静态资源文件,外部css文件中引入静态文件,内联css中引入静态资源
引入css和js 开发网页有时候页面上需要引入一些css和js,而开发的页面又很多，需要重复的引入这些文件, 在thymeleaf中可以专门定义一个文件来引入这些文件，然后在其他的页面中统一引入就可以 比如现在我需要引入的 css文件有如下: <link href="./assets/css/fon ......
CSS3的概述
CSS3 是指 Cascading Style Sheets Level 3，是一种用于描述网页样式的标记语言。它可以实现更加丰富、复杂的网页样式效果。下面将介绍 CSS3 的发展历程和主要特性。 CSS3的开发历程可以分为以下几个阶段: 2001-2005年: 起步阶段。在这个阶段，W3C组织开始 ......
echarts拐点样式修改
echarts的拐点可以是'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none' 还可以是'image://url' 如果是svg. 那么可以这么展示： 1 option = { 2 xAxis: { ......
Html，Css面试题
常见面试题 1.如何理解HTML语义化 1.容易读懂(增加代码可读性) 2.让搜索引擎容易读懂(SEO) 2.块状元素&内联元素 1.block/table;有 div h1 h2 table ul ol p等 独占一行 2.inline/inline-block;有 span img input ......
Jmeter安装与语言字体配置（window10)
安装 安装JAVA 首先需要安装JAVA 去官网选择适合自己计算机系统的下载 https://www.oracle.com/technetwork/java/javase/downloads/index.html 下最新版，就不用配置环境变量了，会自动配好。 如果成功了，运行java和javac会看 ......
Rust GUI库egui/eframe初探入门（二）：更换图标和字体，实现中文界面
在上一篇中，我们为GUI界面添加了一些控件，理解了egui/eframe的工作方式： Rust GUI库egui/eframe初探入门（一）：添加一些控件，理解egui/eframe的工作方式 但由于egui默认的字体并不支持中文或其它非拉丁字符，所以我们在界面中始终无法正常显示中文，现在我们来解决 ......
css-电脑端点击元素后会存在一个竖线，解决办法如下
css的解决办法： * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: non ......
几个技巧把字体文件压缩到十分之一的体积
前言 有时候我们需要让网页加载自定义字体文件，但是通常的字体格式（TTF、OTF）体积太大了，这就需要我们将其转换为更小体积的字体文件格式（WOFF2）。 之前我尝试使用类似 CloudConvert 的在线工具去转换 OTF 字体文件，但是不知道为何转换出来的字体损坏了，无法使用。经过多方面研究， ......
css多行省略号
postcss-loader 默认编译的时候，会过滤 -webkit-box-orient: vertical;造成省略不生效。 line-height: 18px; max-height: 40px; font-size: 14px; display: -webkit-box; overflow: ......
支持热重载的svg生成iconfont字体图标插件
【转】https://www.jianshu.com/p/909c9bd34e39 前言 之前生成iconfont字体图标，是用的https://icomoon.io/app/ 或者是阿里的https://www.iconfont.cn/ ，将UI给的svg图导入来生成。但是一直有个问题，假如需要再 ......
通过样式给出 事件穿透
样式 ： pointer-events: none; <el-form-item label="xxx" prop="saleId" > <base-selectPage v-model="ruleForm.saleId" :data="subSalesList.length ? subSalesL ......
字体风格迁移:
2024-01-03,14点51 字体风格迁移: https://github.com/PaddlePaddle/PaddleOCR/blob/dygraph/StyleText/README_ch.md 已解决：attributeerror: ‘FreeTypeFont‘ object has n ......
font-weight 对应的默认字体粗细权重
在 CSS 中，font-weight 属性的默认值是 normal。这通常对应于字体权重的数值 400。 - normal：相当于 400- bold：相当于 700- bolder：比父元素的字体更粗- lighter：比父元素的字体更细- 100 到 900：定义了从最薄 (100) 到最粗 ......
字体指纹
div = document.createElement('div'); div.style.visibility = 'hidden'; div.innerHTML = '<span lang="zh" style="font-family:mmllii;font-size:114px">mmmm ......
react 将项目打包成一个js文件，并且使用 Radio Canada 字体
https://fonts.google.com/?stroke=Sans+Serif&preview.text=AI%20Assistance%20Experience&query=Noto+Sans 下载字体 放到项目中 再index.ts 中引入 import ttf from "./asse ......
elementUi tabs默认样式选中不显示下划线问题
::v-deep .el-tabs__header { padding: 10px 20px 0px 20px; } ::v-deep .el-tabs__item { width: 140px; text-align: center; padding: 0px; } ::v-deep .el-ta ......
【CSS】为什么文本信息在Chrome能显示，在IE11上不显示？
问题描述：span上的文本信息在Chrome上能正确显示，但是在IE11上不显示？ 详细配置： <div class='outer'> <div class='inner'> <span>'test text'</span> </div> </div> .outer{ display:flex; } ......
浏览器F12的一些用法，样式穿透
1.定位打开vscode的具体组件文件 2.调试样式的使用 hover可以用浏览器模拟hover，但是有时候怎么用都hover不行的时候，这个时候说明这个不是hover时间，可能是js控制，这个时候可以尝试着找到组件的数据，例如input的 clear 就是数据驱动的，这个时候就可以查看hover的 ......
CSS盒模型
盒模型的组成部分 CSS会把所有的HTML元素都看成一个盒子，所有的样式也是基于这个盒子 内容区（content）:元素中的文本或后代元素都是它的内容 内边距（padding）又称:补白，紧贴内容的补白区域 边框（border）: 盒子的边框 外边距（margin）：盒子与外界的距离，外边距不会影响 ......
CSS(css导入---css选择器）
一、css导入 CSS 是一门语言，用于控制网页表现。之前介绍过W3C标准。W3C标准规定了网页是由以下组成： 结构：HTML 表现：CSS 行为：JavaScript css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式： 内联样式：在标签内部使用s ......
css实现多余文字隐藏，用省略号代替
.txt{ overflow: hidden; //溢出内容隐藏 white-space: nowrap; //强制文本在一行内显示 text-overflow: ellipsis; //当对象内文本溢出时显示省略标记 } <p class='txt'>经营范围：{{ item.businessSc ......
CSS标签
伪类选择器 <style> /*未访问时候显示的*/ a:link { color: #FF0000; } /* 鼠标移动到链接上 */ a:hover { color: #FF00FF } /* 选定的链接 */ a:active { color: #0000FF } /* 已访问的链接 */ a ......
Windows软件界面字体和图标太小的解决办法
原文： Windows软件界面字体和图标太小的解决办法_windows11好多应用显示很小-CSDN博客 摘抄到自己的博客，方便自己忘了可以快速查找。 一，首先要把系统的缩放比例和显示器分辨率调整合适，一般设置为推荐比例即可，具体方法如下： 1.在桌面空白处右击鼠标，在弹出的对话框中点击“显示设置” ......
在C#中，如何以编程的方式设置 Excel 单元格样式
前言 在C#开发中，处理Excel文件是一项常见的任务。在处理Excel文件时，经常需要对单元格进行样式设置，以满足特定的需求和美化要求，通过使用Java中的相关库和API，我们可以轻松地操作Excel文件并设置单元格的样式。 在此博客中，小编将重点介绍如何使用葡萄城公司的服务端表格组件——Grap ......