横向 文字css
防御式CSS—长文本省略
这是一份名单，现在看起来很完美。 然而，由于这是用户生成的内容，我们需要小心如何保护布局，以防内容过长。 如下图所示： 在这种布局中，一致性很重要。为了实现这一点，我们可以简单地使用text-overflow及其朋友来截断名称。 .username { white-space: nowrap; ov ......
防御式CSS—Flexbox 折行
CSS flexbox是当今最有用的CSS布局功能之一。很容易将 display: flex 添加到包装器中，并使子项彼此相邻排序。 这是一个典型的例子。我们有一组选项，应该显示在彼此旁边。 .options-list { display: flex; } 当空间不足时，将出现水平滚动。这应该是意料 ......
win11 搜索框无法输入文字
打开注册表 regedit删除文件夹：HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\FolderTypes\{ef87b4cb-f2ce-4785-8658-4ca6c63e38c6}\TopViews\{ ......
小练习：图片盖住文字，当鼠标移到盒子范围，图片消失显示文字
CSS进阶-动画： https://www.cnblogs.com/warmNest-llb/p/17870720.html 练习1：图片盖住文字，当鼠标移到盒子范围，图片消失显示文字 代码： 1 /* 小练习：图片盖住文字，当鼠标移到盒子范围，图片消失显示文字 */ 2 /* 嵌套：div-->b ......
企业级 Web 应用里使用 CSS 调整应用外观的一些例子
笔者在日常工作中曾经负责过一些企业级 Web 应用的负责和开发，也曾经指导过一些客户的二次开发人员，通过各种方式对我们发布的企业级 Web 应用进行一些定制开发。 所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前 ......
CSS进阶3-transform 动画-渐变(线性渐变、镜像渐变)-关键帧
1. 动画 介绍：改变盒子在平面内的形态（平移、缩放、旋转、倾斜） 属性： 平移：transform：translate(值1 ，值2);(默认为X轴，translateY--下移) — —平移依然在原来文档流。 移动：transform：translate(值1，值2)；可右斜移动 代码： /* ......
css选择器
这篇文章主要总结了css选择器的相关知识 1.元素选择器 <div id="container"> <p class="text"></p> <h1 class="title text"></h1> <div> // 选中p元素 p{ font-size: 12px; } 2. 群组选择器 //ht ......
关于 Web 开发中的 CSS before 伪元素
我用 Chrome 打开一个网页后，F12 打开 Chrome 开发者工具，在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义？ 在Web前端开发中，::before 是CSS伪元素之一，它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向 ......
css3 变量使用和修改变量
<!DOCTYPE html> <html> <head> <style> :root { --blue: #1e90ff; --white: #ffffff; --aa: 1212121; } body { background-color: var(--blue); } h2 { border- ......
CSS进阶2-弹性布局-弹性盒子
本节重点： 弹性布局（弹性盒子） BFC布局/规范 CSS新属性，不包含边框和内边距 CSS3的拓展：普通盒模型，怪异盒子模型(IE) 在学习弹性布局前，我们学过Float 浮动 和 Position 定位，浮动会出现一些 ‘诡异’ 的事情，定位则用起来相对麻烦，弹性布局用起来就会很舒服。 1.弹性 ......
css布局
布局 弹性布局： 关键字：display:flex justify-content:space-between 两端对齐，中间自适应 justify-content:space-around 均匀分布，两边距离等于中间间距 justify-content:space-evenly 平等均匀分布，两边 ......
css实现：不固定宽高，随内容宽度自动增长的圆形
css代码： .circle { display: inline-block; border-radius: 50%; min-width: 20px; min-height: 20px; padding: 5px; background: red; color: white; text-align ......
在用matplotlib画图过程中，发现图表题目中没有显示文字，而是显示方框。
可以在代码中添加： from pylab import mpl #设置显示中文字符 mpl.rcParams["font.sans-serif"]=["SimHei"] #设置正常显示字符 mpl.rcParams["axes.unicode_minus"]=False ......
CSS-transparent--透明属性 用transparent写一个三角形
css transparent 是一种全透明属性。当用在一个元素覆盖另一个元素时，想显示下面的元素，就用到了transparent属性。 代码： div{ width: 0; height: 0; /* 边框底部 */ border-bottom: 100px solid black; /* 边框左 ......
CSS进阶1--字体样式-文本样式
link.css--连接外部样式表 1.文字样式： ①font-family：字体样式 ②font-style：文本的字体样式 属性：normal-正常 italic-斜体字样式显示 oblique-文字向一边倾斜（与italic类似，但不太支持） ③font-variant--以小型大写字体或正常 ......
CSS-background 背景图片
更多CSS进阶： https://www.cnblogs.com/warmNest-llb/p/17866954.html 1.背景介绍 元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment：背景图像是否固定或者随着页面的其 ......
Unity 文字转语音 Microsoft Interop.SpeechLib使用
需要提前做以下设置： Unity中需要设置： Editor -> Project Settings -> Player -> Other Settings -> Api Compatibility Level -> 选择.Net 4.x 系统需要提前下载中文语音包 Win11可以在 设置 -> 时间 ......
python提取图片中文字
一.安装tesseract-ocr 1.1tesseract-ocr下载 下载地址：Index of /tesseract (uni-mannheim.de) 1.2完成tesseract-ocr安装，记住安装路径用于配置环境变量 1.3配置环境变量 将tesseract-ocr的安装路径添加到环境 ......
CSS
1、文字超出用省略号...鼠标悬停显示全部文字 <div style="font-size: 12px; margin-top: 30px; padding: 10px 20px; overflow: hidden; text-overflow: ellipsis; display:-webkit- ......
成品直播源码推荐，实现文字加载效果 文字跳动
成品直播源码推荐，实现文字加载效果 文字跳动 实现 <view v-else class="status-working"><text class="letter letter1">充</text><text class="letter letter2">电</text><text class="l ......
css三角形
https://blog.csdn.net/weixin_43951592/article/details/127442235 https://blog.csdn.net/m0_60237095/article/details/130076471 ......
ps怎么抠文字
很多人不知道表格ps怎么抠文字，接下来将介绍怎么办。 方法/步骤 在ps中导入图片，选择【矩形选框工具】。 使用矩形选框工具框选【文字区域】。 在选择菜单下，点击【色彩范围】。 在色彩范围界面，吸取文字【颜色】。 完成吸取，调节容差值，点击【确定】。 在菜单栏，点击【图层】。 在图层蒙版选项下，点击 ......
【css】反向圆角，效果类似于谷歌浏览器的tab
<nav> <div :class="{ 'menu-item': true, 'activity': index == selectMenuIndex }" v-for="(menuInfo,index) in menuList" :key="index" @click="handelMenuCl ......
css值参
<div :style="{'--heiaght':headerHeight +'px' }"></div> div{ height:var(--heiaght) } 即可 ......
windows edge浏览器免费复制网页文字
复制时，出现上面提示时候 使用edge浏览器打开链接，在http前面加入read: ，然后打开，即可复制 ......
关于CSS3的学习
CSS的普通选择器：标签选择器、id选择器、类选择器、通用选择器(*)、分组选择器(将具有相同样式的元素放在一起，之间用","分隔)。注：类名和id名不能以数字开头。 rgba是rgb颜色的扩展，前三个值为三原色和rgb一致，第四个值是设置透明度的，1为完全不透明，0是完全透明为白色。hex颜色是用 ......
Android 模拟器横向视图
How to change Android emulator to landscape mode? ctrl + fn + F11 on Mac to change the landscape to portrait and vice versa. left-ctrl + F11 on Window ......
Css
CSS CSS样式规则 使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则，具体格式如下： 在上面的样式规则中: 1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现。 ......
CSS-position 定位
1.介绍 css定位属性允许对元素进行定位改变其在页面的位置。 css有三种基本定位机制：普通流、浮动和绝对定位。 普通流的元素的位置由元素在html中的位置决定。 2.定位属性 设置偏移量：left、right、top、bottom（左、右、上、下） 3.定位方式 ①静态定位(static)：(很 ......
直播平台制作，css之如何清除浮动
直播平台制作，css之如何清除浮动 <style type="text/css"> li { list-style: none; height: 100px; width: 100px; float: left; background: red; margin-left: 20px; } .fath ......