实用技巧 技巧css
CSS
[TOC] # css介绍 ```python css介绍：当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 css实例：每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 ''' 思考:页面都是由HTML构成的 并且页面上有很多相同 ......
【pandas小技巧】--读取多个文件
日常分析数据时，只有单一数据文件的情况其实很少见，更多的情况是，我们从同一个数据来源定期或不定期的采集了很多数据文件；或者从不同的数据源采集多种不同格式的数据文件。 在这样的情况下，分析数据之前，需要将不同的数据集合并起来。合并数据一般有两个维度，一是同构的数据集合并后行数增加；一是异构的数据集合并 ......
编码技巧 --- 谨防C#闭包陷阱
合集 - c#基础(6) 1.编码技巧 如何实现字符串运算表达式的计算07-122.编码技巧 同步锁对象的选定07-133.解读 yield 关键字07-174.并发编程 信号量线程同步07-185.并发编程 为何要线程池化07-18 6.编码技巧 谨防闭包陷阱07-19 收起 引言 先不论什么是闭 ......
瑞芯微|如何让拥有双网口的Linux设备实现数据包转发？【超实用】
本文主要讲解如何，解决基于3568实现双网口互通问题。 ## 一、组网 如下图所示： 1. rk3568自带2个千兆以太口，对应网卡名称为：eth0、eth1 2. pc1和pc2分别连接这2个网口 3. pc1与eth0连接，网段：192.168.30.0 4. pc2与eth1连接，网段：192 ......
伪类选择器、伪元素选择器、选择器的优先级、css属性相关
伪类选择器 <style> a:link{ color: blue; /*未访问显示连接*/ } a:hover{ color: black; /*鼠标移到上面显示*/ } a:active{ color: aliceblue; /* 左键选定的链接 */ } a:visited{ color: a ......
自学前端-HTML5+CSS-综合案例一-热词
# 综合案例一-热词 [TOC] 设计图如下  ## 1、设计需求 ①需要鼠标放上去有显示透明 ②需要点击后跳转到相应页面且保留原页面 ## 2、设计所需标 ......
CSS
## CSS CSS:层叠样式表 #就是给HTML增加样式的，让其变得更加美观 ### 选择器的语法结构 选择器 { 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4 } ## CSS的注释语法 /* 内容 */ # 快捷键：ctrl + ？ ## css的引入方式 1 ......
编码技巧 --- 谨防闭包陷阱
## 引言 先不论什么是闭包，什么是闭包陷阱，我们开篇先看一段代码： ```csharp static void Main(string[] args) { List lists = new List(); for (int i = 0; i { Console.WriteLine(i); }; l ......
要在HTML中让文字居中，可以使用CSS样式来设置文本的对齐方式
以下是几种常见的居中文本的方法： 1. 使用 `text-align: center;` CSS样式: 这个方法适用于将文本居中对齐在其父元素内。可以将 `text-align: center;` 应用于父元素，这将使其内部的所有文本内容都居中对齐。 示例代码： ```html 居中对齐的文本 `` ......
html 学习 day3 css 的层叠 父子size 的继承
今天遇到一个问题， css 的父子继承关系在一种case 下不生效。 ：子节点 无法 继承 父节点的 width 和 height 的设定 下面代码的原始版本 img 无法继承 div 的 宽和高的设定。 当 img 的 css 设定为： img { height: 100%; width: 100 ......
前端三剑客之CSS
一、CSS介绍 1、CSS（层叠样式表，Cascading Style Sheets） 是一种用于描述网页内容（HTML或XML等）外观样式的标记语言。它是一种样式表语言，用于控制网页的布局、字体、颜色、大小、间距以及其他与显示有关的属性。 2、css学习步骤 先学习选择器，作用就是如何找到标签 找 ......
伪类选择器，伪元素选择器，选择器的优先级，CSS属性相关
### 伪类选择器 ```python ``` ### 伪元素选择器 ```python ``` ### 文字属性 ```python ``` ### 背景属性 ```python ``` ### 边框 ```python 边框属性 ● border-width ● border-style ● b ......
【Tips】信息传递技巧 qrencode命令 扫描屏幕二维码
# 安装 yum install -y qrencode apt install -y qrencode echo "你的字符串" |qrencode -t UTF8 qrencode -t ansiutf8 < file.conf # qrencode qrencode version 3.4.1 ......
简单实用的单行代码
1、生成数组 当你需要要生成一个 0-99 的数组 方案 1 const createArr = (n) => Array.from(new Array(n), (v, i) => i) const arr = createArr(100) // 0 - 99 数组 方案 2 const creat ......
CSS透视与Z轴
一.CSS透视通过模拟人眼的视角来创建三维效果（可以理解为看3D电影，需要借助3D眼睛，这个透视就是让了让网页上产生3D的效果）。我们在现实生活中，当物体远离我们时，会看到它们变小变远。透视效果就是基于这个原理。  进入官网：https://translate.volcengine.com/ex ......
css将多余的字变成...
display: -webkit-box;/*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数；如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省 ......
JavaScript 的优雅编程技巧：Singleton Pattern
## JavaScript 的优雅编程技巧：Singleton Pattern ### 定义 - `单例模式：保证一个类仅有一个实例，并提供一个访问的全局访问点。` ### 特点 1. `仅有一个实例对象` 2. `全局都可访问该实例` 3. 主动实例化 4. 延迟实例化 ### 类似单例模式的使用 ......
一些技巧
## P3758 在这题的题解里看到一个求 $$ \sum_{i = 0} ^ k G^i $$ 的方法 考虑构造$D = \left[\begin{matrix} G & G \\ 0 & 1\end{matrix}\right]$，则$D^k$的右上角就是答案。 ......
css 设置滚动条样式
::-webkit-scrollbar：指滚动条整体部分，它的属性有width,height,background等 ::-webkit-scrollbar-button：指滚动条两边的按钮。当不需要时可以用display:none将其隐藏 ::-webkit-scrollbar-track：指外层 ......
css圆环运动的两种写法
圆环运动如下，小圆绕大圆运动 写法有如下两种： 1. transform-origin使用外部旋转点 2. transform-origin使用内旋转点，两圆重合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
css3 loading效果3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
css3 loading 效果2
使用了css自定义属性var <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
CSS中关于Calc 函数的使用规则
calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规 ......
前端（CSS）
css css: 层叠样式表 就是给html增加样式的，让其变得更加好看。 先学习选择器：作用就是如何找标签 找到标签之后：给标签增加样式 选择器的语法结构 选择器 { 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4} CSS的注释语法： /* 内容 */ （快捷键： ......
如何使用CSS3 @font-face 实现个性化字体
如何使用CSS3 @font-face 实现个性化字体。 在网页中，我们可以使用CSS的font-family属性来定义字体。但是，定义的字体能否在用户的电脑上正确显示，取决于用户的电脑上是否安装了该字体。我们经常看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常用户的电脑上并没有安装，所以 ......
红队快速打点技巧
## 红队攻防——外网快速打点方法&技巧总结 **一、打点的基本认识** 做过红队的小伙伴，对打点一定不陌生，这是一项基本技能。所谓打点，就是拿到一台机器的shell。 打点的一般目的在于利用这台机器，做一个跳板，然后进入内网。 通常给予充分时间的情况下，打点不是一件很难的事情，因为系统总会有漏洞， ......
css
css html：超文本标记语言 css：层叠样式表（就是给html增加样式的，使其变得好看） 先学习选择器，选择器的作用是如何找到标签，找到标签后，给标签增加样式。 选择器的语法结构： 选择器{ 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4 } css的注释语法 ......
css 超出行显示展开收起
显示展开收起： <div class="wrapper"> <input id="exp111" class="exp" type="checkbox"> <div class="text"> <label class="btn" for="exp111"></label> 这是一个测试内容这是一个 ......