样式 按钮 颜色css
css遮盖和穿透效果思路
1. 新标签，定位遮挡，内容可以移至新标签，或设置其透明度 2. 伪元素，定位遮挡，内容可以移至新标签，或设置其透明度 3. mask遮挡 mask遮挡分为，单mask遮挡，这个没什么好说的，基本用法 还有就是，多mask遮挡 已经使用了一个mask来实现其他效果，这时还需要一个遮挡，隐藏某些位置， ......
css3缩放 transform: scale() 使用缩放之后顶点对齐问题
css3缩放 transform: scale() 使用缩放之后顶点对齐问题 注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0 <div style="width: 900px; height: 900px; background: gr ......
CSS实现图片自适应布局，且不拉伸变型
1.通过背景图的方式处理图片（ 通过 background-size 作用在容器上 ） .img_background{ width:300px; height:300px; background-image:url( ' image.jpg' ); background-repeat:no-rep ......
Android Progressbar进度条样式调整为圆角矩形,且改变颜色
原文地址: [Android Progressbar进度条样式调整为圆角矩形,且改变颜色](https://stars-one.site/2023/06/25/android-progressbar-color) 美工设计的进度条是圆角矩形的，与Android默认的样式有所区别,可以通过样式`pro ......
打卡css第一天
HTML5+CSS3 类选择器 .类名 id选择器#id名 交集选择器 p.类名.id名 伪类a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} / ......
引入第三方css样式
方式一 1.将bootstrap.min.css放入src下assets目录 2.app组件中引入样式 import '@/assets/bootstrap.min.css' 如果使用import引入，会严格检查，当字体文件不存在时，会报错 方式二 1.将第三方样式放入目录：public/css目录 ......
前端-CSS
CSS 1.1CSS基础 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（ 美化内容）。 书写位置：title 标签下方添加 style 双标签，style 标签里面书写 CSS 代码。 <title>CSS 初体验 ......
css实现印章效果
<div class="seal"> <div class="seal-status">已使用</div> <div>2023.06.09</div> <div>18:59</div> </div> <div class="seal-red"> Draft </div> .seal{ width: ......
利用颜色编码提升阅读笔记效率
在我们的阅读和学习过程中，如何有效地区分、组织和回顾信息是一个重要的议题。使用颜色编码的阅读笔记方法，将不同类型的信息用不同颜色进行标记，可以帮助我们快速定位所需信息，并通过色彩的视觉效果加强记忆。然而，这并不是唯一的学习策略，也不一定适合每一个人。有些人可能只用一种颜色，或者不刻意区分信息类型，而 ......
如何解决linux标准输出中带颜色的字符
带颜色的字符本身的编码是包含颜色码的，这一点往往不会有太多的影响，可一旦被他影响了，那就是掉入了一个大坑里。 所幸的是sed可以用来去除字符中的颜色代码 sed remove color codes sed "s,\x1B\[[0-9;]*[a-zA-Z],,g" 还有一个编码表示的问题 \033 ......
css的一些技巧汇总（未完待续）
1.height无法达到效果时，可以试试max-height比如：transition对height:auto 无效，可以通过max-height:50vh解决 2.:focus 和 :blur事件在交互上存在冲突时，可以通过hover解决 比如：input的blur失去焦点ul收起，但在点击li标 ......
[CSS 3] CSS Pseudo Selector
We only want to access <li>One</li> B: '+' sinbling selector, if we don't have second uland replaced with a li, then it is targeting this li; which is ......
[CSS 3] Font Strategies
font-display: auto; font-display: block; font-display: swap; font-display: fallback; font-display: optional; auto The font display strategy is defined ......
前端Vue自定义数字输入框 带加减按钮的数字输入框组件
#### 前端Vue自定义数字输入框 带加减按钮的数字输入框组件， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13163 #### 效果图如下： ####  ## 说明 - 本文列举了各种常用的图表 - 各种常用配置信息 可以通过下面链接测试你的demo 配置哦 https://echarts.apache.org/examples/zh/editor.html?c=area- ......
linux 中 echo的颜色输出
echo： 字体颜色 和 背景颜色。 常见的字体颜色：重置=0，黑色=30，红色=31，绿色=32，黄色=33，蓝色=34，紫色=35，天蓝色=36，白色=37。 常见的背景颜色：重置=0，黑色=40，红色=41，绿色=42，黄色=43，蓝色=44，紫色=45，天蓝色=46，白色=47。 字体控制选 ......
css3
# CSS3 ## 概述 - `CSS3`是`CSS2`的升级版本，它在`CSS2`的基础上，新增了很多强大的新功能，从而解决一些实际面临的问题。 - `CSS3`在未来会按照模块化的方式去发展：[CSS](https://www.w3.org/Style/CSS/current-work.html ......
CSS中多次指定相同的属性，最后一个属性会覆盖前面的属性
上面的截图中只有最后一个 border 有效果。 通常为了浏览器的兼容性，我们会选择指定多个相同相同属性。 .wrap { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; } 上面的代码兼容了旧版的saf ......
shell脚本字体颜色和背景色
!/bin/bash # #下面是字体输出颜色及终端格式控制 #字体色范围：30-37 echo -e "\033[30m 黑色字 \033[0m" echo -e "\033[31m 红色字 \033[0m" echo -e "\033[32m 绿色字 \033[0m" echo -e "\033 ......
鼠标悬浮div或者列表li时，展示出button按钮
<template> <div class="item"> <span> <input type="checkbox" :checked="obj.done" @click="handleCheck(obj.id)"> </span> <span> {{obj.name}} </span> <spa ......
CSS3
# CSS的简单介绍 如何学习 1、css是什么 2、css怎么用（快速入门） 3、css选择器（重点+难点） 4、美化网页（文字、阴影、超链接、列表、渐变） 5、盒子模型 6、浮动 7、定位 8、网页动画（特效效果） # 什么是CSS和CSS的发展史 什么是CSS Cascading Style ......
自定义修改el-talbe show-overflow-tooltip的样式
el-table 主体上 tooltip-effect 添加自定义样式 代码如下 ``` ``` 全局样式上添加 ``` .myTooltips { max-width: 50%; } ``` ......
如何实现带有颜色文本的日志框_使用HTMLEditor模拟
# 如何实现带有颜色文本的日志框_使用HTMLEditor模拟 HTMLEditor 是一个强大的 html 编辑器，可以方便的编辑各种 html 元素并得到 html 文本。 比之 TextArea 要强大很多，因为 TextArea 中所有的文本只能有一种样式。 如果想要实现一个日志框，其中普通 ......
直播开发app，css 自定义滚动条样式
直播开发app，css 自定义滚动条样式 <div class="content-wrap"> <div> 内容XXXX </div> </div> <style> // content-wrap样式.content-wrap { flex: 1; overflow-y: scroll; box-s ......
js判断是移动端还是手机端来切换css从而达到适配的目的
``` function loadCSS(url) { // Remove existing stylesheets var head = document.head; var existingStylesheets = head.getElementsByTagName('link'); for ......
vue 视频隐藏controls功能按钮
/*video默认全屏按钮*/ video::-webkit-media-controls-fullscreen-button{ display: none !important; } /*video默认aduio音量按钮*/ video::-webkit-media-controls-mute-b ......
IDEA 修改SNV或GIT文件，父文件夹是颜色
IDEA 修改SNV或GIT文件，父文件夹是颜色： 1、File > Settings >Version Control Direcory Mapppings ; 选择 Subversion/Git 即可。 2、File > Settings > Version Control > File Sta ......