实用技巧 技巧css
实用工具、02 效率篇 | VSCODE TypeScript 中文错误提示、错误信息行后显示
安装 Chinese (Simplified) (简体中文) Language 插件并重启生效 settings 搜索 typescript local，修改为 zh-CN 安装 Error Lens 插件（错误信息显示在当前行后） ......
css3 flex弹性盒子布局简单使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
属性选择器 伪类选择器 伪元素选择器 选择器的优先级 CSS属性相关 字体属性 CSS盒子模型 float浮动
今日内容详细 属性选择器 通过标签的属性来查找标签，标签都有属性 <div class="c1" id="d1"></div> id值和class值是每个标签都自带的属性，还有另外一种：自定义属性 <div class="c1" id="d1" username='kevin' password=' ......
CSS样式之基础选择器
CSS样式 css样式的作用是改变标签的内容 如何选中标签的内容？ 方法是使用选择器来实现 ①标签选择器 ②类选择器 ③id选择器 ④通配符选择器 标签选择器 语法： 标签{ 属性：值; 属性：值；......... 属性：值； } 举个例子： 1 <!DOCTYPE html> 2 <html l ......
【HarmonyOS】低代码平台组件拖拽使用技巧之网格布局
【关键字】 HarmonyOS、低代码平台、组件拖拽、网格布局 1、写在前面 前面分享了在低代码平台上使用堆叠容器和滚动容器的组件拖拽使用技巧，本篇我们继续来学习其它组件的使用，今天为大家介绍的是网格布局的使用，需要注意的是，网格布局内部子容器需要使用网格布局内容项，这二者是相互搭配使用的，关于 ......
CSS 实现钟表
<div className="roundAnim"> {/* 刻度 */} <div className="scale"></div> <div className="s"></div> <div className="m"></div> <div className="h"></div> <di ......
CSS 中的 :root
CSS 中的 :root：https://blog.csdn.net/weixin_51123974/article/details/122311909?ops_request_misc=%257B%2522request%255Fid%2522%253A%252216987384991680019 ......
css模块化及CSS Modules使用详解
css模块化及CSS Modules使用详解：https://xiangzhihong.blog.csdn.net/article/details/53195926?spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-ta ......
每日一练:css关键词：inherit、initial、revert、unset解释
1、inherit (继承) inherit 关键词用于将一个属性值设置为其父元素的相同属性值。 它是一种实现样式继承的方式，使子元素继承父元素的样式属性。 如果父元素没有明确定义该属性，子元素将继承到该属性的默认值。 这个关键词通常用于处理文本属性，如文本颜色、字体等。 <div> <p>这是一个 ......
生活实用交警手势
生活实用交警手势 参考来源：深圳广仁学车陪驾：交警手势图解大全 停车、这里不能走： 从（交警方向的）左向右可以直行： 如果此时你正对交警，这时候这个信号不是指导你的，而是指导左右那个车道的。 让你左转： 这个手势一方面停止了左侧车辆的直行，一方面允许了正对交警方向的左转。注意，左转弯是可以掉头的。 ......
css怎么设置超链接字体颜色
要设置超链接的字体颜色，你可以使用CSS中的color属性。以下是如何使用CSS设置超链接字体颜色的示例： /* 内部样式表（Internal Style Sheet）示例 */ a { color: #ff0000; /* 设置超链接字体颜色为红色 */ } /* 或者外部样式表（External ......
移植库的技巧
任何一个库，在移植之前，我们必须明确几点 1. 知道它的功能是什么？ 2. 它是如何实现这个功能的？ 3. 它的输入输出是什么？（ps：我们通常比较明确它的输出是什么，而不清楚它的输入以及依赖，这往往导致后续的错误） 我们往往更应该关注的是，它是如何实现这个功能的。 它的框架是什么， 它的流程是怎样 ......
css面试题
1.css中的哪些单位 绝对单位： px:像素单位 相对单位： em: 相对父元素字体大小 rem:相对根元素字体大小 2.居中的方式 1.水平居中 1.设置盒子： margin:0 auto 2.display: flex 2.垂直居中 1.vertical-align: middle 实现居中， ......
提高项目成功率：6种不可忽视的项目估算技巧
6种准确项目估算的技巧：1.自上而下的估算；2.自下而上的估算；3.三点估算；4.类比估算；5.参数估算；6.基于专业知识的估算。项目估算是对项目从开始到结束所需时间、成本和资源的有根据的预测。 当你为家人准备晚餐时，你面前有一小群饥肠辘辘的人在想知道什么时候可以吃饭。你知道你必须准备蔬菜，预热烤箱 ......
实用的命令行终端增强软件：Tabby
Tabby是一个开源免费软件，支持Windows、macOS和Linux系统。它提供了一个高度可定制的终端界面，可以通过多种方式添加、切换和关闭终端标签页。能与 Linux 服务器轻松传输文件，支持多种主题，界面炫酷，插件丰富。它还支持通过插件扩展其功能，例如增强的滚动条、批量复制和粘贴等功能。 ......
php根据html生成PDF/图片（兼容css3）
1.利用chrome浏览器 环境要求：需要PHP 7.4~8.2和Chrome/Chrmium 65+ （Linux服务器安装Chrmium） 2.安装 composer require chrome-php/chrome 3.使用 use HeadlessChromium\BrowserFacto ......
视频直播app源码，CSS div水平垂直居中和div置于底部
视频直播app源码，CSS div水平垂直居中和div置于底部 一、水平居中 .hor_center { margin: 0 auto;} 二、水平垂直居中 .content { width: 360px; height: 240px;} .ver_hor_center { position: ......
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, ......
将CSS应用于字符的一半是否可能？
内容来自 DOC https://q.houxu6.top/?s=将CSS应用于字符的一半是否可能？ 我正在寻找的： 一种样式化字符一半的方法。（在这种情况下，字母的一半是透明的） 我目前搜索过并尝试过的（但没有成功）： 用于样式化字符/字母的方法 使用CSS或JavaScript样式化字符的一部分 ......
css 文字一行显示
要强制将文本内容显示在一行中，可以使用CSS的 white-space 属性和 overflow 属性来实现。 首先，将 white-space 属性设置为 nowrap，这样文本内容就不会换行。然后，将 overflow 属性设置为 hidden，这样超出一行的内容就会被隐藏起来。 以下是示例代码 ......
css 多列布局
1.1 多列布局 这里感谢小甲鱼，毕竟编程是小甲鱼带入坑了 鱼C-Web-CSS-速查 1.1.1 column-count 定义： column-count属性指定某个元素应分为的列数。 column-count: number|auto; 值 说明 number 列的最佳数目将其中的元素的内容无 ......
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()函数可以配 ......
pandoc 一些技巧
pandoc -crossref插件实现markdwon文档转word后公式编号自定义 https://blog.csdn.net/weixin_39361931/article/details/125393315 基于 Markdown 的 Docx 生产 https://www.jianshu. ......
【转】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; /* 设置头部的下内边距 ......
学习笔记：一些语言技巧
一些语言技巧 其实有些东西个人平时根本用不到，然而不了解一下的话就看不懂大佬写的题解代码（鉴定为菜导致的 \(\texttt{qwq}\)）。 类 类（class）是结构体的拓展，不仅能够拥有成员元素，还拥有成员函数。在面向对象编程（OOP）中，对象就是类的实例，也就是变量。 C++ 中 struc ......
UE4 光照技巧
前言 从UE5转到UE4，发现没有了Lumen，对于光照的把控方面我就是个FW。Google关于场景光照设置的技巧，总结了一些常用的 Light Type Directional Light Sky Light(模拟天空的环境光照) Point Light Spot Light Rect Light ......
css--重绘和回流
重绘(paint) : 当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不影响布局的，比如background-color，则称为重绘。 回流(layout)： 当render tree中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这 ......